Pada kesempatan kali ini Syuaa akan memberikan tips trik penggunaan fungsi timer pada JavaScript.
Ada dua fungsi Timer pada JavaScript yang umum digunakan saat ini, yaitu setTimeout(), dan setInterval().
1. Timer setTimeoutFungsi ini akan menunda eksekusi suatu fungsi dalam waktu yang telah ditentukan, contoh penggunaanya :
function TimeOut() { setTimeout(function() { alert("Yay,,, i get you"); }, 5000); }
Klik dan tunggu 5 detik
Jika dalam suatu kondisi Anda ingin menghentikan timer yang sedang berjalan untuk fungsi setTimeout, maka bisa dilakukan dengan cara sebagai berikut :
_to = null; function TimeOut() { _to = setTimeout(function() { alert("Yay,,, i get you"); }, 5000); } function clearTimeOut() { clearTimeout(_to); }
Klik dan tunggu 5 detik
Klik untuk mematikan timer, (cancel alert)
Fungsi setInterval merupakan fungsi timer javascript yang akan selalu melakukan pengulangan sampai fungsi ini dimatikan, untuk setiap kurun waktu yang ditentukan. Contoh penggunaan :
_si = null; _gn = 0; function Interval() { _si = setInterval(function() { var btn = document.getElementById("buttonIn"); _gn++ btn.value = "Interval ("+_gn+")"; }, 1000); } function clearInter() { clearInterval(_si); }
Klik dan tunggu setiap 1 detik
Klik untuk menghentikan timer