javascript - 如何重置按钮中的 setTimeout 函数，使其可以再次运行

Question

有一个按钮，它的函数运行几个 setTimeout 函数，它们都一个接一个地运行。所以我想重置 setTimeout 所以如果我再次按下按钮，整个过程会再次发生。

我该怎么做？

我的示例代码：

function add(){

setTimeout(function() {

    $(".line1").fadeIn(function(){
    $(".lineBox").animate({width: "260px"}, 
        function(){
            $(".line2").fadeIn();
            $(".text1").delay(250).fadeIn();                
        });
    });

}, 500);

setTimeout(function() {
   $(".heyyyyy").append("y");
}, 3000);

}

HTML::

<div onclick="add()"></div>

那么如何重置这个 setTimeout 以便如果我运行 add() 函数，它会再次运行？

Answer 1

要控制setTimeouut分配给它一个全局变量：

var cid = setTimeout(...);

当您需要重置它时，clearTimout请先调用然后setTimeout

clearTimeout( cid );
cid = setTimeout( ... ); //you must reassign it to same var if you plan to reset again.

注意 setTimeout只运行一次。检查setInterval您是否希望每隔几秒钟运行一些代码。