每次点击按钮都会重置 setTimeout 吗？

发布于 2024-11-27 02:20:30 字数 238 浏览 2 评论 0原文

这是我的代码：

var sec = 10; 
var timer = setInterval(function() {    
    $('#timer span').text(sec--); 
}, 1000);

它将 setTimeout 设置为 10 秒。我想要一个重置按钮，单击该按钮会延迟 10 秒再次调用 setTimeout。

原文

Here is my Code:

var sec = 10; 
var timer = setInterval(function() {    
    $('#timer span').text(sec--); 
}, 1000);

It sets a setTimeout for 10 seconds. I want to have a reset button that, clicked, calls setTimeout again with a 10 seconds delay.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

高速公鹿 2024-12-04 02:20:30

HTML:

<button id="resetButton">Reset</button>

JavaScript:

var resetButton = $('#resetButton')[0],
    timerId;

function timerExpired() {
    alert('Timer expired');
}

$(resetButton).click(function() {
    clearTimeout(timerId);
    timerId = setTimeout(timerExpired, 10000);
}).triggerHandler('click');

注意：此 JavaScript 代码应放置在现成的处理程序< /em>。

现场演示： http://jsfiddle.net/QkzNj/

（您可以设置延迟到较小的值，例如 3000（3 秒） - 这将使测试演示变得更容易。）

HTML:

<button id="resetButton">Reset</button>

JavaScript:

var resetButton = $('#resetButton')[0],
    timerId;

function timerExpired() {
    alert('Timer expired');
}

$(resetButton).click(function() {
    clearTimeout(timerId);
    timerId = setTimeout(timerExpired, 10000);
}).triggerHandler('click');

Note: this JavaScript code should be placed inside a ready handler.

Live demo: http://jsfiddle.net/QkzNj/

(You can set the delay to a smaller value like 3000 (3 seconds) - that will make it easier to test the demo.)

回复收藏 0 原文

猫瑾少女 2024-12-04 02:20:30

您可以通过将 setTimeout() 调用的结果存储到某个变量，然后在单击按钮时将存储的结果传递给 clearTimeout() 来实现此目的，在安排新的超时并将其分配回同一变量之前。

听起来有点棘手，但实际上非常简单。这是一个示例：

http://jsfiddle.net/kzDdq/

回复收藏 0 原文

上课铃就是安魂曲 2024-12-04 02:20:30

<div>Div</div>

var div = document.getElementsByTagName("div")[0];

function timedMsg() {
   console.log("timeout expired.");
   div.t = setTimeout(timedMsg, 1000);    
}

timedMsg();

div.onclick = function() {
   clearTimeout(div.t);
   timedMsg();
};

<div>Div</div>

var div = document.getElementsByTagName("div")[0];

function timedMsg() {
   console.log("timeout expired.");
   div.t = setTimeout(timedMsg, 1000);    
}

timedMsg();

div.onclick = function() {
   clearTimeout(div.t);
   timedMsg();
};

回复收藏 0 原文

~没有更多了~