Membuat timer hitung mundur (countdown) dan hitung naik (count-up) javascript

Berikut adalah cara sederhana untuk membuat timer hitung mundur dan hitung naik menggunakan script countdown.js oleh Robert Hashemian. <script language="JavaScript"> TargetDate = "11/19/2020 4:00  PM"; BackColor = "red"; ForeColor = "white"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = "%%D%% Hari, %%H%% Jam, %%M%% Menit, %%S%% Detik."; FinishMessage = "Waktunya telah tiba!"; </script> <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"> </script> Hasilnya seperti ini Keterangan: Line 2: TargetDate—waktu target yang kita inginkan. Line 3: BackColor—warna background (latar belakang). Line 4: ForeColor—warna text. Line 5: CountActive—jika true, detil pergantian setiap detik waktu akan ditampilkan. Jika false, hitung mundur atau hitung naik tetap aktif, tapi akan menampilkan detil waktu yang berbeda ketika browser di refresh. Line 6: CountStepper— -1 jika hitung mundur, 1 jika hitung naik. Line 7: LeadingZero— digit tunggal pada bulan dan tanggal atau detik harus diikuti dengan angka nol, misalnya 09 atau 4:05 PM. Line 8: DisplayFormat— format yang tampil di browser. Line 9: FinishMessage— kalimat yang muncul ketika sudah mencapai target hitung mundur yang telah kita tentukan.

Posted in: tutorial