July 09, 2017

Membuat Jam dengan HTML dan Javascript


Allhamdulillah di kesempatan ini saya dapat memberikan tutorial Membuat Jam dengan HTML dan Javascript. Biasanya sebuah web ada yang menggunakan jam ada yang tidak, tergantung selera masing - masing orang.

Berikut langkah - langkahnya


1. Buka teks editor seperti notepad, sublime text3 dll.
2. Copy kode berikut :
<style type="text/css">
 *{
  margin: 0;
  padding: 0;
 }
 form{

 }

 input{
  border: none;
  font-size: 72px;
  text-align: center;
  font-family: 'Orbitron', sans-serif;
 } 
</style>

<form name="tiktok"> 
 <input type="text" name="jam"> 
</form> 
<script type="text/javascript"> 
 function show() 
  { 
  var Digital=new Date() 
  var hours=Digital.getHours() 
  var minutes=Digital.getMinutes() 
  var seconds=Digital.getSeconds() 
  var dn="AM" 
   if (hours>12){ 
       dn="PM" 
       hours=hours-12 
   } 
   if (hours==0) 
   hours=12 
   if (minutes<=9) 
   minutes="0"+minutes 
   if (seconds<=9) 
   seconds="0"+seconds 
  document.tiktok.jam.value= 
  hours+":"+minutes+":"+seconds+" "+dn 
  setTimeout("show()",1000)
  } 
show() 
</script>
3. Simpan dan Jalankan.

Atau sobat bisa klik tombol tersebut untuk demonya.
Demikian tentang Membuat Jam dengan HTML dan Javascript. Semoga Bermanfaat.

No comments: