Window setTimeout() method

taɗada da amfana

setTimeout() hanyar da a kai funksan bayan wakilci tsawon bayan rai.

kira:1 shiyya = 1000 masuwar rai.

gudanar:

setTimeout() kawai a kai don hanyar:

idan a bai ka amfana, sa kai amfana: setInterval().

a kai a kai: hanyar da a kai clearTimeout() method. domin a kalli a kai funksan:

domin a kalli a kalli watsona, kai a kai: setTimeout() id na a kai:

myTimeout = setTimeout(function, milliseconds);

kai saukar a kai hanyar da a kai clearTimeout() method. domin a kalli a gudanar:

clearTimeout(myTimeout);

kuma karin:

hanyar da a kai clearTimeout() method.

hanyar da a kai setInterval() method.

hanyar da a kai clearInterval() method.

shaidu

masanin 1

Greeting mai tsawon 5 shiyya:

const myTimeout = setTimeout(myGreeting, 5000);

亲自试一试

masanin 2

A kai clearTimeout(myTimeout) domin a kalli myGreeting:

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

亲自试一试

kamar yadda a kai a ƙasa na shafin.

kalaman yadda a tsara.

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

sabonan

sabonan ba'a
function dauki. a kai shi funksan.
milliseconds

koyaushe. wakilci tsawon bayan rai na fiyar da a kai.

kaddarshi 0 ne.
param1, param2,...

koyaushe. sabonan a tsara wa a kiyar da

IE9 da kuma na farko ba a dace ba.

wurin shiye.

lun ba'a
ma'a.

ID na watsona.

ta kiwa id na 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!");
}

亲自试一试

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

亲自试一试

例子 5

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

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

亲自试一试

例子 6

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

function startCount()
function stopCount()

亲自试一试

例子 7

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

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

亲自试一试

例子 8

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

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

亲自试一试

例子 9

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

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

亲自试一试