Cara membuat jam di html dengan notepad

Question

Setiap komputer pasti memiliki fitur Jam atau Tanggal di dalamnya. Apa yang kamu lakukan jika kamu sudah memilikinya -_-. Jam yang akan dibahas disini memiliki tampilan yang lebih detail, selain jam dan menit juga terdapat detik dan milidetik. jendelanya juga bisa dipindahkan kemana saja. dan Anda juga dapat menyesuaikannya sendiri. langsung saja simak tutorialnya di bawah ini

Buka Notepad, lalu copy-paste perintah berikut

@gema mati
judul Jam
mode con. cols= 25 baris= 5
warna 1f
. waktu
cls
gema
tanggal gema. %tanggal%
gema Jam. %waktu%
gema
pergi ke waktu

Kemudian simpan dengan type All Files dan Format. kelelawar
Inilah penjelasannya

judul Jam

Perintah ini digunakan untuk mengganti nama pada title bar jendela CMD, anda bisa mengganti jam dengan kata lain

mode con. cols= 25 baris= 5

digunakan untuk mengubah tinggi dan lebar jendela CMD, untuk lebih jelasnya silahkan lihat gambar dibawah ini

warna 1f

digunakan untuk mengubah warna latar belakang dan teks jendela cmd. silahkan baca artikel saya sebelumnya tentang Mengubah Teks dan Warna Background pada Command Prompt untuk lebih jelasnya

Kali ini saya akan membagikan tutorial cara membuat jam digital dengan detik berjalan seperti aslinya dengan javascript, pertama buat project dengan nama sendiri kemudian copy kode berikut dan simpan dengan nama index. php atau. html



MEMBUAT JAM DIGITAL SENDIRI

setelah itu jalankan proyek Anda di browser, dan coba. detik dari jam yang berdetak
Oke. sampai disini tutorial kali ini, selamat mencoba dan semoga bermanfaat

Kali ini kita akan mencoba membuat jam sederhana dengan menggunakan html dan javascript. Jam sederhana ini bisa ditambahkan untuk memperindah tampilan blog, yang bisa diletakkan dimana saja di blog

Seperti judulnya, jam sederhana ini hanya menggunakan html dan javascript. Cukup buka notepad dan rekatkan skrip di bawah ini

<!DOCTYPE html>  
 <html>  
   <head>  
     <title>Jam Digital Sederhana</title>  
     <script type="text/javascript">  
       // This function gets the current time and injects it into the DOM  
       function updateClock() {  
         // Gets the current time  
         var now = new Date();  
         // Get the hours, minutes and seconds from the current time  
         var hours = now.getHours();  
         var minutes = now.getMinutes();  
         var seconds = now.getSeconds();  
         // Format hours, minutes and seconds  
         if (hours < 10) {  
           hours = "0" + hours;  
         }  
         if (minutes < 10) {  
           minutes = "0" + minutes;  
         }  
         if (seconds < 10) {  
           seconds = "0" + seconds;  
         }  
         // Gets the element we want to inject the clock into  
         var elem = document.getElementById('clock');  
         // Sets the elements inner HTML value to our clock data  
         elem.innerHTML = hours + ':' + minutes + ':' + seconds;  
       }  
     </script>  
   </head>  
   <!--  
     This is the key to making the clock function.  
     When the page loads, it calls the javascript function "setInterval()",  
     which will call our function "updateClock()" once every 200 milliseconds.  
   -->  
   <body onload="setInterval('updateClock()', 200);">  
     <!-- This is the container for our clock, it can be any HTML element. -->  
     <h1 id="clock"></h1>  
   </body>  
 </html>

_

Bagaimana. , mudah bukan. ?