Mengatur Waktu HTML setTimeout dan setInterval Window DOM
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, Mengatur Ukuran Halaman HTML Menggunakan resizeTo Window DOM, dan Mengatur Ukuran Halaman HTML Menggunakan resizeBy Window DOM.
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
- Menghapus Item Penyimpanan HTML Menggunakan removeItem Storage DOM
- Membersihkan Penyimpanan Lokal HTML Menggunakan Local Storage Clear DOM
- Mengatur Objek Suara HTML Menggunakan Audio Object DOM
- Mengatur Objek Video HTML Menggunakan Video Object DOM
- Mengetahui Tipe Video pada HTML menggunakan canPlayType DOM
- Memutar Video HTML Menggunakan Load DOM
5 komentar untuk "Mengatur Waktu HTML setTimeout dan setInterval Window DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
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