首页 >web前端 >js教程 > 正文

JavaScript 中 setTimeout 函数怎么用?

原创2020-06-24 15:48:0902246

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

浏览器支持

方法ChromeInternet Explorer / EdgeFirefoxSafariOpera
setTimeout()1.04.01.01.04.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中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:js setTimeout
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • ReactJS中文基础视频教程ReactJS中文基础视频教程
  • Node.js个人博客项目实战精讲Node.js个人博客项目实战精讲
  • nodejs开发基础教程nodejs开发基础教程
  • 视频教程分类