Slide

Contact Admin

Selasa, 28 Februari 2012

Membuat Timer Hitung Mundur (CountDown)


Script untuk membuat hitungan mundur di Blog kamu :


<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

3187 Hari, 00 Jam, 35 Menit, 03 Detik.

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.

yang lebih praktisnya temen2 bisa setting sendiri widget CountDown dengan berbagai jenis bentuk dari situs ini http://mycountdown.org/

Sumber : http://alamindawa.com/2011/11/membuat-timer-hitung-mundur-countdown-dan-hitung-naik-count-up-javascript/

1 komentar:

Unknown mengatakan...

kalo buat hitungan maju gimana caranya ya?

sample kemarin di angka 5 otomatis skrg 6 dan besok 7

mkasih sebelumnya

my blog : httpx://update-coin.blogspot.com

Follower