Mengatur Waktu HTML setTimeout dan setInterval Window DOM
Pada artikel ini dijelaskan fungsi dari method setTimeout() dan setInterval() Window DOM pada dokumen HTML.
Sebelum memahami lebih dalam materi tentang Mengatur Waktu HTML setTimeout dan setInterval Window DOM, terlebih dahulu pelajari materi tentang: Melakukan Gulir HTML Menggunakan scrollTo Window DOM [klik], Mengatur Ukuran Halaman HTML Menggunakan resizeTo Window DOM [klik], dan Mengatur Ukuran Halaman HTML Menggunakan resizeBy Window DOM [klik].
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().
 |
| 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.
Properti setInterval() berfungsi untuk mengulangi proses yang diberikan fungsi pada setiap waktu interval yang telah diberikan sebelumnya.
Sintak setInterval(): window.setInterval(function, milliseconds);
Parameter setInterval(): terdapat dua jenis parameter yang menerima penggunaan method atau properti setInterval().
Contoh: akan dilakukan pop up kotak alert atau kotak peringatan pada browser, setelah detik kedua ketika user menekan tombol pada browser.
Contoh:
Sintak setInterval(): window.setInterval(function, milliseconds);
Baca Juga:
- 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>
Referensi Tambahan:
- 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]
Artikel ini didedikasikan kepada: Nur Annisa Venny Meitasari, Nurma Nathalia Utami, Pramudya Adam Ramadhani, Putri Sriwardani, dan Rakhmat Purnan Ainal Yaqin.
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