首页  >  文章  >  web前端  >  JavaScript 中 setTimeout 函数怎么用?

JavaScript 中 setTimeout 函数怎么用?

Guanhui
Guanhui原创
2020-06-24 15:48:094401浏览

在JavaScript中setTimeout函数的作用是在指定的毫秒数后调用函数或计算表达式,其语法为“setTimeout(func,ms)”,返回值是一个ID,可以将这个ID传递给“clearTimeout”函数来取消执行。

JavaScript 中 setTimeout 函数怎么用?

浏览器支持

方法 Chrome Internet Explorer / Edge Firefox Safari Opera
setTimeout() 1.0 4.0 1.0 1.0 4.0

示例代码

3 秒(3000 毫秒)后弹出 "Hello" :

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

在第 2、4、6 秒修改输入框中的文本:

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

使用 clearTimeout() 来阻止函数的执行:

var myVar;
 
function myFunction() {
    myVar = setTimeout(function(){ alert("Hello") }, 3000);
}
 
function myStopFunction() {
    clearTimeout(myVar);
}

推荐教程:《JS教程

以上是JavaScript 中 setTimeout 函数怎么用?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn