首页 / JAVASCRIPT / 定时器(setTimeout/setInterval)调用带参函数失效解决方法_javascript技巧

定时器(setTimeout/setInterval)调用带参函数失效解决方法_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了定时器(setTimeout/setInterval)调用带参函数失效解决方法_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1343字，纯文字阅读大概需要2分钟。

内容图文

首先来看下定时器的用法
1. setInterval(code,millisec[,"lang"])　 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
参数 描述
code 必需，要调用的函数或要执行的代码串。
millisec 必需，周期性执行或调用 code 之间的时间间隔，以毫秒计。

2.setTimeout(code,millisec)　setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
参数 描述
code 必需，要调用的函数后要执行的 JavaScript 代码串。
millisec 必需，在执行代码前需等待的毫秒数。

提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
也许你曾碰到过这样的问题，不管是setInterval()还是setTimeout()，当code参数里放一个带参函数时，定时器都会失效，看下面这个例子：
代码如下:

function test(str){
alert(str);
}
var a = "abcde"
setTimeout(test(a),3000);

执行上面代码，页面不会延迟3秒调用test(a)，而是会立即执行test(a)，IE、FF、Chrome下都会出现这个问题，如果你经常用到定时器，这个问题应该应该经常会碰到，那么要怎样去解决呢？
笔者在这里归纳两种常用的解决方法，当然应该也还有其他的解决方法，在这里就不一一赘述。
方法1：用匿名函数包裹
代码如下:

function test(str){
alert(str);
}
var a = "abcde"
setTimeout(function(){
test(a);
},3000);

方法2：用引号包裹需调用的函数
代码如下:

function test(str){
alert(str);
}
var a = "abcde"
setTimeout("test('+a+')",3000);

上面只以setTimeout()为例，setInterval()同样适用，这里就不在过多叙述了。

内容总结

以上是互联网集市为您收集整理的定时器(setTimeout/setInterval)调用带参函数失效解决方法_javascript技巧全部内容，希望文章能够帮你解决定时器(setTimeout/setInterval)调用带参函数失效解决方法_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/316228.html

来源：【匿名】