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

浏览器支持
方法 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|
setTimeout() | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
示例代码
3 秒(3000 毫秒)后弹出 "Hello" :
1 2 3 4 5 | var myVar;
function myFunction() {
myVar = setTimeout(alertFunc, 3000);}
function alertFunc() {
alert( "Hello!" );}
|
在第 2、4、6 秒修改输入框中的文本:
1 2 3 4 | var x = document.getElementById( "txt" );
setTimeout( function (){ x.value = "2 秒" }, 2000);
setTimeout( function (){ x.value = "4 秒" }, 4000);
setTimeout( function (){ x.value = "6 秒" }, 6000);
|
使用 clearTimeout() 来阻止函数的执行:
1 2 3 4 5 6 7 8 9 | var myVar;
function myFunction() {
myVar = setTimeout( function (){ alert( "Hello" ) }, 3000);
}
function myStopFunction() {
clearTimeout(myVar);
}
|
推荐教程:《JS教程》
以上就是JavaScript 中 setTimeout 函数怎么用?的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
js如何去除html标签
引起内存泄漏的操作有哪些
javascript的bom
js+html5实现页面可刷新的倒计时效果
javascript实现鼠标滚轮控制页面图片切换
实例详解js数组方法slice()的用法
js计算两个日期的月份差的实例解析
js怎么监听
javascript如何将字符串反转
浅谈js函数及闭包
更多相关阅读请进入《js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JavaScript 中 setTimeout 函数怎么用?