Cara menggunakan css timer

SetInterval dalam javascript adalah timing event yang berarti sesuatu event atau fungsi yang dijalankan berdasarkan waktu yang telah ditentukan. Dimana setinterval ini akan dijalankan terus menerus atau looping sampai di hentikan dengan clearinterval. Hampir sama dengan fungsi settimeout, hanya saja settimeout ini tidak melakukan looping karena fungsi yang akan dijalankan hanya satu kali dengan durasi yang sudah ditentukan.Nah untuk kasus ini saya akan menggunakan setinterval untuk Cara Membuat Timer Menggunakan Javascript.

Cara Membuat Timer Menggunakan Javascript langkah yang harus kita lakukan terlebih dahulu adalah membuat struktur htmlnya seperti pada script di bawah ini.

<!DOCTYPE HTML>

<html>

<head>

.kotak{background:black;padding:10px;width:300px;text-align:center}

h2{color:white;}

#demo{color:red;border:1pxsolidred;border-radius:10px;display:inline; padding:5px;}

</style>

<title>Cara Membuat Timer Menggunakan Javascript</title>

</head>

<body>

<h2>TIMER</h2>

</div>

</body>

</html>

Jika sudah maka kita akan membuat sebuah variable untuk setting tanggal yang akan kita hitung dengan perbandingan waktu sekarang. seperti script di bawah ini, dan penulisannya saya masih buat default agar lebih mudah membuat timernya ya, karena disini saya tidak membuat function tanggal dengan format indonesia.

varSetDate=newDate("Oct 8, 2018 20:05:30").getTime();