Metode Window setTimeout()

definisi dan penggunaan

setTimeout() metode dipanggil beberapa milidetik kemudian.

catatan:1 saat = 1000 milidetik.

pemberitahuan

setTimeout() eksekusi sekali sahaja.

jika anda memerlukan eksekusi berulang, gunakan setInterval().

sila gunakan metode clearTimeout() untuk menghalangi pemulaan fungsi.

untuk menghapus masa tamat, gunakan dari setTimeout() id yang dihasilkan kembali:

myTimeout = setTimeout(function, milliseconds);

kemudian anda dapat melalui panggilan metode clearTimeout() untuk menghentikan eksekusi:

clearTimeout(myTimeout);

lihat juga:

metode clearTimeout()

metode setInterval()

metode clearInterval()

contoh

Contoh 1

sambutan yang menunggu selama 5 saat:

const myTimeout = setTimeout(myGreeting, 5000);

Cuba sendiri

Contoh 2

gunakan clearTimeout(myTimeout) untuk menghentikan eksekusi myGreeting:

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

Cuba sendiri

contoh lainnya disediakan di bawah halaman.

syarat

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

parameter

parameter penyataan
function wajib. Fungsi yang akan dijalankan.
milliseconds

pilihan. Bilangan milidetik yang ditunggu sebelum eksekusi.

nilai lalai adalah 0.
param1, param2,...

pilihan. Parameter yang disampaikan kepada fungsi.

IE9 dan versi yang lebih awal tidak mendukung.

nilai kembalian

jenis penyataan
nombor.

ID pемasang pemuat waktu.

sila hubungkan id ini dengan clearTimeout(id) 方法 一起使用以取消计时器。

浏览器支持

所有浏览器都支持 setTimeout()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持

更多实例

例子 3

3 秒（3000 毫秒）后显示警告框：

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

Cuba sendiri

例子 4

显示定时文本：

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);

Cuba sendiri

例子 5

打开新窗口并在三秒（3000 毫秒）后关闭该窗口：

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

Cuba sendiri

例子 6

持续计数 - 但可以停止计数：

function startCount()
function stopCount()

Cuba sendiri

例子 7

使用计时事件创建的时钟：

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

Cuba sendiri

例子 8

将参数传递给函数（在 IE9 及更早版本中不起作用）：

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

Cuba sendiri

例子 9

但是，如果您使用匿名函数，将适用于所有浏览器：

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

Cuba sendiri