JavaScript setInterval 正确调用方式与常见错误解析

作者:窗边听雨

时间:2026-10-28

浏览:402

本文指出 JavaScript 中 setInterval 的常见误用写法,如直接调用函数或错误传递参数,并强调 IE 等浏览器对此类错误的严格报错机制。文章提供了正确的字符串表达式调用语法,帮助开发者解决跨浏览器兼容性问题及参数传递错误。

文章目录

setInterval 常见错误调用方式

此前笔者使用 setInterval 编写了一个小型程序,关于该函数的具体用途此处不再赘述。



该写法在其他浏览器中运行正常,但测试同事使用 360 浏览器及 IE 浏览器进行测试时出现了问题。经过两天的排查,IE 浏览器始终提示方法参数有误,随后又报错找不到方法,最终确认了问题的根源。



笔者对此现象感到不满,主要原因在于网络上大量转载的代码存在错误,导致错误被广泛传播。


示例代码如下:

 
setInterval(QuoteList('参数'),3000);

此外,还存在另一种错误写法:


示例代码如下:

 
setInterval(QuoteList,3000,'参数');

这涉及到各大浏览器的容错机制差异。以 Firefox、傲游等浏览器为例,即使脚本存在逻辑错误,它们也能尝试理解意图并正常执行。然而,IE 浏览器对此类写法完全无法识别,直接报错。



正确的 setInterval 语法

正确的调用方式应当如下:


示例代码如下:

 
setInterval("QuoteList('参数')",3000);

这一细节曾困扰笔者数日,起初误以为是浏览器兼容性问题所致。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章