setTimeout/setInterval的第三个参数？

Question

            setTimeout(function() {
                $('.wrap').addClass('anistart');
            }, 3000,setTimeout(function() {
                $('.wrap').removeClass('anistart');
            }, 10000));
            

这里的第三个参数又传了一个定时器，好像是作为了一个回调函数，但是查阅文档发现第三个参数并非指回调函数，那么为什么能够这样使用？

Answer 1

setTimeout(func, delay, param1, param2, ...)

第三个参数及以后的参数都可以作为func函数的参数

举个例子：

function a(x, y) {
    console.log(x, y) // 2 3
}


setTimeout(a, 1000, 2, 3)

Answer 2

根据文档：https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout

第三个以后的参数是作为第一个func()的参数传进去的。但是你这里的代码没用到。

Answer 3

那你需要先理解setTimeout的返回值，你的代码可以分解成如下：

var timeoutID = setTimeout(function() {
    $('.wrap').removeClass('anistart');
}, 10000);

setTimeout(function(id) {
    console.log(id);//这里id就是传入的第三个参数，也是之前那个setTimeout的返回值，可以用来把那个定时器清除
    $('.wrap').addClass('anistart');
}, 3000, timeoutID);