关于setInterval返回值问题

最新推荐文章于 2025-06-24 12:22:41 发布

转载最新推荐文章于 2025-06-24 12:22:41 发布 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ziyoublog/p/10021404.html

文章标签：

#javascript #ViewUI

本文详细解析了JavaScript中setInterval函数的返回值特性，揭示了其在不同浏览器环境下的表现差异，如火狐浏览器首次执行返回值为2的现象。同时，通过对比错误与正确的实现方法，阐述了如何正确使用clearInterval来停止定时器，避免内存泄漏等问题。

oBtn1.onclick = function(){
clearInterval(timer);
timer = setInterval(cwidth,10);
alert(timer);
}
oBtn2.onclick = function(){
clearInterval(timer);
}

setInterval返回值相当于一个Id，每次执行都会产生一个特定的Id，返回值为数字，从一开始逐次累加。

但是在火狐浏览器第一次执行时返回值为2.

错误方法：

function mySetInterval(f, param, time) {
        var interval = param._tag;
        clearInterval(interval);
        interval = setInterval(function () {
            f(param);
        }, time);
    }

interval 返回值给一个私有变量，私有变量在这个方法结束就没了，所以 interval 这个定时器取消不掉。

正确方法：

function mySetInterval(f, param, time) {
        clearInterval(param._interval);
        var interval = setInterval(function () {
            f(param);
        }, time);
        param._interval = interval;
    }

转载于:https://www.cnblogs.com/ziyoublog/p/10021404.html