本文摘自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中嵌入js代码的方法
jquery 过时了吗?
在 vue 中使用分页
js null是什么类型
css3+javascript怎么做一个旋转的3d盒子?
js如何调用php
怎么获取json的key
javascript中number()方法的两种用法
前端工程师需要掌握哪些知识?
更多相关阅读请进入《js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JavaScript 中 setTimeout 函数怎么用?