Sesuai dengan judul dari artikel ini, kali ini saya akan membagikan script untuk menampilkan tanggal dan waktu saat ini. Tanggal dan waktu ini dapat ditampilkan dengan menggunakan Javascript atau jQuery. Dan script ini dapat digunakan untuk membuat waktu/jam digital.
Berikut ini script-scriptnya.
Menampilkan Tanggal dan Waktu saat ini dengan Javascript |
Tanggal saat ini:
Tanpa Nama Hari
<script type='text/javascript'><!--var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];var date = new Date();var day = date.getDate();var month = date.getMonth();var yy = date.getYear();var year = (yy < 1000) ? yy + 1900 : yy;document.write(day + " " + months[month] + " " + year);//--></script>
22 Agustus 2016
Dengan Nama Hari
<script type='text/javascript'><!--var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum'at', 'Sabtu'];var date = new Date();var day = date.getDate();var month = date.getMonth();var thisDay = date.getDay(),thisDay = myDays[thisDay];var yy = date.getYear();var year = (yy < 1000) ? yy + 1900 : yy;document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);//--></script>
Senin, 22 Agustus 2016
Waktu/Jam saat ini (pasif)
Format 24
<script type="text/javascript"><!--var d = new Date();var curr_hour = d.getHours();var curr_min = d.getMinutes();curr_min = curr_min + "";if (curr_min.length == 1) {curr_min = "0" + curr_min;}document.write(curr_hour + " : " + curr_min);//--></script>
22 : 12
Format AM/PM
<script type="text/javascript"><!--var a_p = "";var d = new Date();var curr_hour = d.getHours();if (curr_hour < 12) {a_p = "AM";} else {a_p = "PM";}if (curr_hour == 0) {curr_hour = 12;}if (curr_hour > 12) {curr_hour = curr_hour - 12;}var curr_min = d.getMinutes();curr_min = curr_min + "";if (curr_min.length == 1) {curr_min = "0" + curr_min;}document.write(curr_hour + " : " + curr_min + " " + a_p);//--></script>
10 : 12 PM
Karena ini merupakan jam pasif sehingga waktu/jam yang muncul merupakan waktu pada saat halaman ini di akses.
Waktu/Jam saat ini (aktif)
Format 24
<div id="clock"></div><script type="text/javascript"><!--function startTime() {var today=new Date(),curr_hour=today.getHours(),curr_min=today.getMinutes(),curr_sec=today.getSeconds();curr_hour=checkTime(curr_hour);curr_min=checkTime(curr_min);curr_sec=checkTime(curr_sec);document.getElementById('clock').innerHTML=curr_hour+":"+curr_min+":"+curr_sec;}function checkTime(i) {if (i<10) {i="0" + i;}return i;}setInterval(startTime, 500);//--></script>
22:13:04
Format AM/PM
<div id="clock"></div><script type="text/javascript"><!--function showTime() {var a_p = "";var today = new Date();var curr_hour = today.getHours();var curr_minute = today.getMinutes();var curr_second = today.getSeconds();if (curr_hour < 12) {a_p = "AM";} else {a_p = "PM";}if (curr_hour == 0) {curr_hour = 12;}if (curr_hour > 12) {curr_hour = curr_hour - 12;}curr_hour = checkTime(curr_hour);curr_minute = checkTime(curr_minute);curr_second = checkTime(curr_second);document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;}function checkTime(i) {if (i < 10) {i = "0" + i;}return i;}setInterval(showTime, 500);//--></script>
10:13:04 PM
SEMOGA BERMANFAAT BAGI ANGAN :)
Unknown
August 22, 2016
CB Blogger
IndonesiaCara Membuat Hari , Tanggal dan waktu saat ini dengan Javascript/Edit Html
Posted by Unknown on Monday, August 22, 2016
Sesuai dengan judul dari artikel ini, kali ini saya akan membagikan script untuk menampilkan tanggal dan waktu saat ini. Tanggal dan waktu ini dapat ditampilkan dengan menggunakan Javascript atau jQuery. Dan script ini dapat digunakan untuk membuat waktu/jam digital.
Berikut ini script-scriptnya.
Berikut ini script-scriptnya.
Menampilkan Tanggal dan Waktu saat ini dengan Javascript |
Tanggal saat ini:
Tanpa Nama Hari
<script type='text/javascript'><!--var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];var date = new Date();var day = date.getDate();var month = date.getMonth();var yy = date.getYear();var year = (yy < 1000) ? yy + 1900 : yy;document.write(day + " " + months[month] + " " + year);//--></script>
22 Agustus 2016
Dengan Nama Hari
<script type='text/javascript'><!--var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum'at', 'Sabtu'];var date = new Date();var day = date.getDate();var month = date.getMonth();var thisDay = date.getDay(),thisDay = myDays[thisDay];var yy = date.getYear();var year = (yy < 1000) ? yy + 1900 : yy;document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);//--></script>
Senin, 22 Agustus 2016
Waktu/Jam saat ini (pasif)
Format 24
<script type="text/javascript"><!--var d = new Date();var curr_hour = d.getHours();var curr_min = d.getMinutes();curr_min = curr_min + "";if (curr_min.length == 1) {curr_min = "0" + curr_min;}document.write(curr_hour + " : " + curr_min);//--></script>
22 : 12
Format AM/PM
<script type="text/javascript"><!--var a_p = "";var d = new Date();var curr_hour = d.getHours();if (curr_hour < 12) {a_p = "AM";} else {a_p = "PM";}if (curr_hour == 0) {curr_hour = 12;}if (curr_hour > 12) {curr_hour = curr_hour - 12;}var curr_min = d.getMinutes();curr_min = curr_min + "";if (curr_min.length == 1) {curr_min = "0" + curr_min;}document.write(curr_hour + " : " + curr_min + " " + a_p);//--></script>
10 : 12 PM
Karena ini merupakan jam pasif sehingga waktu/jam yang muncul merupakan waktu pada saat halaman ini di akses.
Waktu/Jam saat ini (aktif)
Format 24
<div id="clock"></div><script type="text/javascript"><!--function startTime() {var today=new Date(),curr_hour=today.getHours(),curr_min=today.getMinutes(),curr_sec=today.getSeconds();curr_hour=checkTime(curr_hour);curr_min=checkTime(curr_min);curr_sec=checkTime(curr_sec);document.getElementById('clock').innerHTML=curr_hour+":"+curr_min+":"+curr_sec;}function checkTime(i) {if (i<10) {i="0" + i;}return i;}setInterval(startTime, 500);//--></script>
22:13:04
Format AM/PM
<div id="clock"></div><script type="text/javascript"><!--function showTime() {var a_p = "";var today = new Date();var curr_hour = today.getHours();var curr_minute = today.getMinutes();var curr_second = today.getSeconds();if (curr_hour < 12) {a_p = "AM";} else {a_p = "PM";}if (curr_hour == 0) {curr_hour = 12;}if (curr_hour > 12) {curr_hour = curr_hour - 12;}curr_hour = checkTime(curr_hour);curr_minute = checkTime(curr_minute);curr_second = checkTime(curr_second);document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;}function checkTime(i) {if (i < 10) {i = "0" + i;}return i;}setInterval(showTime, 500);//--></script>
10:13:04 PM
SEMOGA BERMANFAAT BAGI ANGAN :)
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
Related Posts
CB Blogger
at
August 22, 2016
ContohBlogStyle : ContohBlogStyle™ | Berbagi Tutorial Blog 2016/2017




2 comments
thx infonya sob sangat membantu
terimakasih gan untuk share ilmunya bermanfaat.