JS中定时器的返回数值ID值-优快云博客

本文探讨了JavaScript中setInterval()和setTimeout()返回的数字ID在清除定时器时可能遇到的兼容性问题。在某些浏览器如Chrome和UC中，定时器ID从1开始递增，而在Firefox中则需要在原始序号基础上加1才能正确清除。建议通过变量保存定时器ID以确保兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定时器会返回一个数字值id，可以由clearInterval(id)或clearTimeout(id)来实现对对应定时器的清除。

setInterval()/setTimeout()BOM中的Window对象方法，以返回数字值id来清除定时器的排序位置存在一定的兼容性问题。通常采用一个变量接受定时器产生的返回值id，通过变量来这种方式来实现关闭定时器操作的兼容性。

chorme浏览器测试：

var i = 0;
var timer = setInterval(function () {
    console.log(i + 'i');
    i++;
}, 1000)
console.log(timer);//=>1，firefox浏览器可能显示为2，这是BOM中的兼容性问题
console.log(typeof timer);//=>'number'

直接采用定时器返回的数值ID关闭定时器的代码：（chrome[版本 73.0.3683.103(正式版本)(64 位)]测试有效）

var j=0;
var a = setInterval(function () {
            console.log(j + 'j');
            j++;
        }, 1000);
clearInterval(1);

一般避免BOM中定时器返回数值ID直接使用，以免产生兼容性问题。避免这种兼容性使用定时器的案例：

<!