Mengatur Waktu HTML setTimeout dan setInterval Window DOM
![]() |
Properti setTimeout() dan setInterval() |
Properti setTimeout() berfungsi untuk mengeksekusi sebuah fungsi setelah menunggu angka spesifik dari hitungan milidetik.
Sintak setTimeout(): window.setTimeout(function, milliseconds);
Parameter setTimeout(): terdapat dua jenis parameter yang menerima penggunaan method atau properti setTimeout().
- function: parameter pertama adalah sebuah fungsi yang akan dieksekusi oleh setTimeout().
- milliseconds: mengindikasikan angka dari satuan milidetik sebelum proses eksekusi dilakukan.
Sintak setInterval(): window.setInterval(function, milliseconds);
- function: parameter pertama adalah sebuah fungsi yang akan dieksekusi oleh setInterval().
- milliseconds: mengindikasikan panjang waktu interval pada setiap waktu eksekusi.
Contoh: akan dilakukan pop up kotak alert atau kotak peringatan pada browser, setelah detik kedua ketika user menekan tombol pada browser.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Window setTimeout()
DOM pada HTML
</title>
</head>
<body>
<button
onclick="setTimeout(mkn1, 2000);">
Press me
</button>
<script>
function mkn1()
{
alert('Selamat datang');
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
Properti Window setTimeout() DOM pada HTML
</title>
</head>
<body>
<p>
Halo semuanya
</p>
<p
id="MNN2">
</p>
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer()
{
document.getElementById("MNN2").innerHTML +=
"<p>Hi</p>";
}
</script>
</body>
</html>
- Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM [klik]
- Menghapus Item Penyimpanan HTML Menggunakan removeItem Storage DOM [klik]
- Membersihkan Penyimpanan Lokal HTML Menggunakan Local Storage Clear DOM [klik]
- Mengatur Objek Suara HTML Menggunakan Audio Object DOM [klik]
- Mengatur Objek Video HTML Menggunakan Video Object DOM [klik]
- Mengetahui Tipe Video pada HTML menggunakan canPlayType DOM [klik]
- Memutar Video HTML Menggunakan Load DOM [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti setTimeout() dan setInterval() Window DOM pada HTML?
BalasHapusBerikut ini adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti setTimeout() dan setInterval() Window DOM pada HTML:
Hapus> Google Chrome
> Internet Explorer
> Firefox
> Opera
> Safari
Apa yang dimaksud dengan setTimeout dan setInterval HTML?
BalasHapusProperti setTimeout merupakan properti yang digunakan untuk menjalankan fungsi satu kali pakai setelah interval waktu tertentu dilalui.
HapusSedangkan setInterval merupakan properti yang memungkinkan untuk menjalankan fungsi secara berulang, yang dimulai setelah waktu interval dilewati, kemudian akan berulang secara terus menerus pada interval waktu yang telah ditetapkan tersebut.
Hapus