Hitung Mundur Hari/Tanggal dengan Javascript plus Notifikasi

Hitung Mundur Hari/Tanggal dengan Javascript plus Notifikasi
Masih seputar tutororial blogging. Kali ini saya ingin berbagi sebuah script sederhana dengan manfaat yang luar biasa. Mengapa? karena ini akan membantu Anda yang ingin memberikan sebuah informasi kepada pengunjung secara berkala atau setelah jatuh tempo.

Bayangkan saja, jika Anda memiliki seratus posting dan semuanya membutuhkan pembaruan secara berkala, maka berapa waktu yang Anda butuhkan untuk memperbaruinya?

Misalnya: Anda posting sebuah produk di blog, kebetulan saat itu sedang ada promo dan Anda akan memberikan harga yang murah, kemudian setelah seminggu maka harga akan kembali normal.

Nah, dengan script ini, Anda bisa melakukannya dengan sangat mudah, itu akan bekerja otomatis. Sebelum saya panjang lebar menjelaskan, silahkan Anda lihat dulu contohnya DISINI.

Untuk memasang ke blog, silahkan pakai kode-kode ini:

JAVASCRIPT
kuisku = new Date(), batasWaktu = new Date("Dec 13, 2016"), waktuJalan = batasWaktu.getTime() - kuisku.getTime(),
kaliWaktu = 864e5, hariJalan = waktuJalan / kaliWaktu, waktuHabis = Math.floor(hariJalan),
jamJalan = 24 * (hariJalan - waktuHabis), jamBerjalan = Math.floor(jamJalan), minsLeft = Math.floor(60 * (jamJalan - jamBerjalan));

if (waktuHabis > 0 ){
$(".tanggalKuis").html("<span style='color:green'>Kuis berakhir " + waktuHabis + " hari lagi</span>");
}
else {
$(".tanggalKuis").html("<span style='color:#A70707'>Kuis ini telah berakhir</span>");
}

Keterangan:
Untuk bagian "Dec 13, 2016", itu adalah tanggal berakhirnya. Sebelum tanggal tersebut, maka yang muncul adalah" Kuis berakhir " + waktuHabis + " hari lagi
Pada bagian + waktuHabis + akan bervariatif sesuai dengan jangka waktu sekarang hingga 13 desember 2016. Seandainya tinggal 5 hari lagi, maka yang muncul adalah 5.

Ingat, untuk bulan, hanya bisa diisi dengan format english. Misalnya untuk bulan Mei, maka harus ditulis May.

Satu lagi, karena format date dari english, maka penanggalan juga sedikit berbeda.
Misalnya sekarang tanggal 13 kemudian tanggal berakhirnya dibuat 20. Seharusnya yang muncul adalah 7 hari lagi, tapi kenyataannya hanya 6 hari lagi.

Nah, jadi triknya simpel, jika tanggal berakhir tanggal 20, maka harus dibuat 21 agar sinkron dengan tanggal asia.
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini