Membuat tampilan reload otomatis di blog

Membuat tampilan reload otomatis di blog

  27 December    Andika

---

Saya akan berbagi sebuah script sederhana yang mungkin saja berguna. Script yang akan Saya bagikan kali ini adalah sebuah script yang mampu memuat ulang sebuah laman lengkap dengan tampilan penghitung mundur waktunya.

DEMO

Cara menggunakannya.

Pergi ke Dasboard » Tata letak » Tambahkan Gadget » Pilih HTML/JavaScript,

Lalu tambahkan kode yang ada di bawah ini,

<script type='text/javascript'>

//<![CDATA[
var countDownInterval = 30;
var c_reloadwidth = 200
</script>
<ilayer id="c_reload" width=&{c_reloadwidth};>
    <layer id="c_reload2" width=&{c_reloadwidth}; left=0 top=0>
    </layer>
</ilayer>
<script>
var countDownTime = countDownInterval + 1;

function countDown() {
    countDownTime--;
    if (countDownTime <= 0) {
        countDownTime = countDownInterval;
        clearTimeout(counter)
        window.location.reload()
        return
    }
    if (document.all) document.all.countDownText.innerText = countDownTime + " ";
    else if (document.getElementById) document.getElementById("countDownText").innerHTML = countDownTime + " "
    else if (document.layers) {
        document.c_reload.document.c_reload2.document.write('Laman ini akan di akan di <a href="javascript:window.location.reload()">muat ulang</a> dalam <b id="countDownText">' + countDownTime + ' </b> detik')
        document.c_reload.document.c_reload2.document.close()
    }
    counter = setTimeout("countDown()", 1000);
}

function startit() {
    if (document.all || document.getElementById) document.write('Laman ini akan di akan di <a href="javascript:window.location.reload()">muat ulang</a> dalam <b id="countDownText">' + countDownTime + ' </b> detik')
    countDown()
}
if (document.all || document.getElementById) startit()
else window.onload = startit

//]]>
</script>

Silahkan atur sendiri waktu muat ulangnya. Satuan waktu yang di gunakan adalah detik. Jadi pada script yang Saya bagikan pada postingan ini waktu yang di gunakan adalah 30 detik. Jika ingin mengubah silahkan ganti pada perintah var countDownInterval = 30.


Penting..!!! Jangan membuat waktu muat ulang terlalu cepat, bisa-bisa pengunjung blog kamu merasa terganggu karenanya.

Slamat mencoba.