WELCOME

SELAMAT DATANG DI BLOG KECIL ANE ^_^

Jumat, 07 September 2012

Cara Menampilkan Timer Hitungan Mundur Pada Header Website






‎[Sharing Pengetahuan]

APA MUNGKIN tampilan hitungan mundur pada header website ProfitClicking akan berbeda beda di komputer kita masing-masing??? JAWABANNYA.. sangat mungkin.. loh koq bisa?? Ya bisa lah.. sebab 

hitungan mundur (countdown) yang ada pada website PC menggunakan bahasa "javascript".. dan bahasa javascript diprosesnya di browser komputer kita masing-masing (client side) bukan di proses di server website PC.. MAU BUKTI??? silakan kamu ubah tanggal dan jam yang ada di komputer kamu kemudian refresh tampilan website PC.. maka kamu pasti akan menemukan tampilan hitungan mundur yang berbeda.


Di bawah ini adalah bahasa JAVASCRIPT yang digunakan PC untuk hitungan mundur
=====================================
<script type="text/javascript" charset="utf-8">
$(function() {
// *************************************************** EDIT DATE IN LINE BELOW ******************************************
$('div#clock').countdown("2012/09/06" , function(event) {
var $this = $(this);
switch(event.type) {
case "seconds":
case "minutes":
case "hours":
case "days":

case "daysLeft":
$this.find('span#'+event.type).html(event.value);
break;
case "finished":
$this.hide();
break;
}
});
});
</script>
====================================
PERHATIKAN pada kode countdown("2012/09/06" , function(event).. ini menunjukkan hitungan mundur didasarkan pada tanggal yang di input di script tersebut yaitu: "2012/09/06" WAKTU SERVER.. jadiiiiii kalau tanggal di komputer kita salah maka salah pula tampilan di websitenya :)





Oleh        : Dama Yanti

Sumber    : REFERENSI

Tidak ada komentar:

Posting Komentar