[英]How to reset a setTimeout function in a button so it can run again
有一个按钮,其功能运行几个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()函数,它将再次运行?
要控制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
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.