DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Mengatur Waktu HTML Menggunakan setTimeout dan setInterval Window DOM

Pada artikel ini dijelaskan fungsi dari method setTimeout() dan setInterval() Window DOM pada dokumen HTML.

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.


Penggunaan Properti setTimeout() dan setInterval() Window DOM pada HTML
Properti setTimeout() dan setInterval()

Properti setInterval() berfungsi untuk mengulangi proses yang diberikan fungsi pada setiap waktu interval yang telah diberikan sebelumnya.

Sintak setInterval(): window.setInterval(function, milliseconds);

Baca Juga:

Parameter setInterval(): terdapat dua jenis parameter yang menerima penggunaan method atau properti setInterval().
  • 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>


Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Window setTimeout() DOM pada HTML

</title>

</head>

 

<body>

 

<p>

Halo semuanya

</p>

 

<

id="MNN2">

</p>

 

<script>

var myVar = setInterval(myTimer, 1000);

 

function myTimer() 

{

document.getElementById("MNN2").innerHTML +=

"<p>Hi</p>";

}

</script>

 

</body>

 

</html>


Komentar

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti setTimeout() dan setInterval() Window DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti setTimeout() dan setInterval() Window DOM pada HTML:
      > Google Chrome
      > Internet Explorer
      > Firefox
      > Opera
      > Safari

      Hapus
  2. Apa yang dimaksud dengan setTimeout dan setInterval HTML?

    BalasHapus
    Balasan
    1. Properti setTimeout merupakan properti yang digunakan untuk menjalankan fungsi satu kali pakai setelah interval waktu tertentu dilalui.

      Hapus
    2. Sedangkan 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

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-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 ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas