Javascript clearTimeout和clearInterval不工作
我正在使用Javascript clearTimeout和clearInterval不工作,javascript,jquery,settimeout,setinterval,Javascript,Jquery,Settimeout,Setinterval,我正在使用setInterval和setTimeout创建一个倒计时,其工作正常,但当我停止此按钮时,在完成当前倒计时后,它会停止 这是最新的 我想要的是简单地创建一个带有间隔的倒计时。当用户 单击开始轮询,它将每隔10秒发送一个ajax请求,然后 显示下一个请求的倒计时 我使用下面的代码来停止计时器。这是一个可重复的超时 $(document).on('click', '#stop_poll', function(){ $('.my_clock span').html('0')
setInterval
和setTimeout
创建一个倒计时,其工作正常,但当我停止此按钮时,在完成当前倒计时后,它会停止
这是最新的
我想要的是简单地创建一个带有间隔的倒计时。当用户 单击开始轮询,它将每隔10秒发送一个ajax请求,然后 显示下一个请求的倒计时 我使用下面的代码来停止计时器。这是一个可重复的超时
$(document).on('click', '#stop_poll', function(){
$('.my_clock span').html('0');
for (var i = 1; i < activeCountdowns.length; i++)
clearCountdown(i);
clearInterval(interval);
console.log(interval);
})
开始轮询
停止投票
0秒后的下一次投票
在我看来,这是一个更简单的解决方案。
在pollServer()
函数中启动您的ajax
请求,就在我放置注释的地方
var-serverPollIntervall=10;
var-serverPollInt;
$(文档).ready(函数(){
$('.my_clock').html(“等待投票””;
$('start#u poll')。在('click',function()上{
pollServer();
});
$('stop#u poll')。在('click',function()上{
clearInterval(serverPollInt);
$('.my_clock').html(“等待投票””;
});
})
函数pollServer(){
//做倒计时文字
变量计数=服务器轮询间隔;
serverPollInt=setInterval(函数(){
计数=计数-1;
$('.my_clock').html(“+count+”s中的下一次投票”;
如果(计数=0)
{
计数=10;
//发送ajax请求
}
},1000);
}
a#停止投票{
背景:蓝色;
颜色:#fff;
填充物:5px;
}
按钮#开始#投票{
填充物:5px;
}
开始轮询
停止投票
你为什么又问同样的问题?我没有得到任何答案为什么你要用这么复杂的代码来进行简单的倒计时?尽量简化您的代码并再次测试。@SapuSeven我不太擅长javascript。我是一名PHP开发人员。我在谷歌的帮助下创建了这段代码。为了正确回答您的问题,您需要立即停止按钮的倒计时。再次重新启动时,您希望以最后一个倒计时值继续,或从10?开始新的倒计时。。。请澄清你的问题:)我想要的是简单地创建一个间隔倒计时。当用户单击“开始轮询”时,它将每隔10秒发送一个ajax请求,并显示下一个请求的倒计时。例如,单击“倒计时”将显示10,9,8,7…0秒后的下一次轮询,
,并在0时再次发送ajax请求,直到用户单击“停止轮询”按钮。@ManojKumar我将我的答案编辑为一个更简单的解决方案,如果那是你想要的,请看一看。你很好,谢谢。这确实是一个干净而简单的解决方案