gpt4 book ai didi

javascript - 重新启动 Jquery setInterval 并重置所有变量

转载 作者:行者123 更新时间:2023-12-02 19:40:21 26 4
gpt4 key购买 nike

我有一些 class = active 的单选按钮

  <div id="radioset1">
<input type="radio" class="active" id="radio1" name="radio" />
<input type="radio" class="active" id="radio2" name="radio" />
<input type="radio" class="active" id="radio3" name="radio" />
</div>
<div id="counter_up">xy</div>

我想向 div“counter_up”添加一个计时器,以显示单选按钮最后一次更改的时间。

因此我添加了一些像这样的jquery代码:

  $('.active').click(function() {

clearInterval(myInterval);
var counter = 0;
var myInterval = setInterval(function() {

++counter;
$('#counter_up').html('Aktiv seit ' + counter + ' Sekunden');

},1000);

});

我的代码正在运行,因此当我第一次单击其中一个单选按钮时,一切正常。

问题是,当我单击另一个单选按钮时,var 计数器不从 0 开始。

我尝试使用delete var和clearInterval,但它不起作用。有人可以帮忙吗?

最佳答案

您应该全局设置 myInterval 并稍微重组您的代码,使其从 0 开始计数:

var myInterval = null;
$('.active').click(function() {

clearInterval(myInterval);
var counter = 0;
var timer = function() {
$('#counter_up').html('Aktiv seit ' + (counter++) + ' Sekunden');
};
timer();
myInterval = setInterval(timer, 1000);

});​

演示: http://jsfiddle.net/x3Z6C/

关于javascript - 重新启动 Jquery setInterval 并重置所有变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10462640/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com