Cara Menambahkan Jam Pada Website

Setelah di artikel yang sebelumnya kita mencoba cak bimbingan menampilkan sungkap dan waktu dengan PHP, kini kita akan menyedang menampilkannya dengan JavaScript. Dengan JavaScript perian yang akan kita tampilkan akan tertentang berjalan ataupun aktif.

Silahkan teman-oponen ketik source code begitu juga dibawah ini:

<!DOCTYPE html> <html> <head> 	<title>Jam (Aktif) With JavaScript</title> </head> <body> 	<!-- Menampilkan Jam (Aktif) --> 	<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>  		<!-- Menampilkan Hari, Bulan dan Periode --> 		<br> 		<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&#39;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>  </body> </html>

Boleh jadi nyana sedikit membingungkan bagi teman-teman yang plonco mengenal JavaScript.

Berbunga kamil diatas saya menyedang menampilkan jam (aktif) serta skript pada banjar berikutnya saya mencoba mencadangkan hari, copot bulan dan tahun.

Teman-teman dapat mencobanya, sampai berjumpa lagi di latihan berikutnya ya 🙂

Source: https://www.yellowweb.id/blog/menampilkan-tanggal-dan-waktu-aktif-dengan-javascript/