Metode Window setTimeout()

Definisi dan penggunaan

setTimeout() Metode memanggil fungsi setelah beberapa milidetik.

Keterangan:1 detik = 1000 milidetik.

Petunjuk

setTimeout() Hanya dieksekusi sekali.

Jika Anda memerlukan eksekusi berulang, gunakan setInterval().

Silakan gunakan Metode clearTimeout() untuk menghentikan pemulangan fungsi.

Untuk membuang batas waktu, gunakan setTimeout() ID yang kembali:

myTimeout = setTimeout(function, milliseconds);

Lalu Anda dapat melakukannya dengan memanggil Metode clearTimeout() untuk menghentikan eksekusi:

clearTimeout(myTimeout);

Lihat pula:

Metode clearTimeout()

Metode setInterval()

Metode clearInterval()

Contoh

Contoh 1

Pesan ucapan selama 5 detik:

const myTimeout = setTimeout(myGreeting, 5000);

Coba Sendiri

Contoh 2

Gunakan clearTimeout(myTimeout) untuk menghentikan eksekusi myGreeting:

const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
  clearTimeout(myTimeout);
}

Coba Sendiri

Beberapa contoh lebih lanjut disediakan di bawah halaman.

Sintaks

setTimeout(function, milliseconds, param1, param2, ...)

Parameter

Parameter Deskripsi
function Diperlukan. Fungsi yang akan dieksekusi.
milliseconds

Pilihan. Jumlah milidetik yang ditunggu sebelum eksekusi.

Nilai standar adalah 0.
param1, param2,...

Pilihan. Parameter yang disampaikan kepada fungsi.

IE9 dan versi yang lebih awal tidak mendukung.

Nilai kembalian

Tipe Deskripsi
Angka.

ID pemrograman pengatur waktu.

Silakan taruh id ini dengan clearTimeout(idmetode Gunakan bersama-sama untuk membatalkan pengaturan waktu.

Dukungan browser

Semua browser mendukung setTimeout():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan

Beberapa contoh lain

Contoh 3

Tampilkan kotak peringatan setelah 3 detik (3000 milidetik):

let timeout;
function myFunction() {
  timeout = setTimeout(alertFunc, 3000);
}
function alertFunc() {
  alert("Hello!");
}

Coba Sendiri

Contoh 4

Tampilkan teks waktu

let x = document.getElementById("txt");
setTimeout(function(){ x.value = "2 seconds" }, 2000);
setTimeout(function(){ x.value = "4 seconds" }, 4000);
setTimeout(function(){ x.value = "6 seconds" }, 6000);

Coba Sendiri

Contoh 5

Buka jendela baru dan tutup jendela setelah 3 detik (3000 milidetik):

const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);

Coba Sendiri

Contoh 6

Hitung terus - tetapi dapat berhenti menghitung:

function startCount()
function stopCount()

Coba Sendiri

Contoh 7

Buat jam dengan acara penghitungan:

function startTime() {
  const date = new Date();
  document.getElementById("txt").innerHTML = date.toLocaleTimeString();
  setTimeout(function() {startTime()}, 1000);
}

Coba Sendiri

Contoh 8

Pesan parameter ke fungsi (tidak berlaku di IE9 dan versi sebelumnya):

setTimeout(myFunc, 2000, "param1", "param2");

Coba Sendiri

Contoh 9

Namun, jika Anda menggunakan fungsi aneh, akan berlaku untuk semua browser:

setTimeout(function() {myFunc("param1", "param2")}, 2000);

Coba Sendiri