使用jquery启动多重倒计时
我想在我的网站上开始多次倒计时,但我不明白为什么不行,你能帮我吗 我用每个“数据tempsctrl”获取计时器 在LoadCtrlfreq2.php中:使用jquery启动多重倒计时,jquery,countdown,Jquery,Countdown,我想在我的网站上开始多次倒计时,但我不明白为什么不行,你能帮我吗 我用每个“数据tempsctrl”获取计时器 在LoadCtrlfreq2.php中: <tr data-tempsctrl="0:00:35" class="color"> <td width="200px"><div class="countdown"></div> </td> <td width="150px"><button data-idctr
<tr data-tempsctrl="0:00:35" class="color">
<td width="200px"><div class="countdown"></div>
</td>
<td width="150px"><button data-idctrl="50" data-result="ok" class="restartcount"> Conforme</button> <button data-idctrl="1" data-result="nok" class="restartnc"> non Conforme</button></td>
</tr>
<tr data-tempsctrl="0:00:55" class="color">
<td width="200px"><div class="countdown"></div>
</td>
<td width="150px"><button data-idctrl="50" data-result="ok" class="restartcount"> Conforme</button> <button data-idctrl="1" data-result="nok" class="restartnc"> non Conforme</button></td>
</tr>
<tr data-tempsctrl="0:01:35" class="color">
<td width="200px"><div class="countdown"></div>
</td>
<td width="150px"><button data-idctrl="50" data-result="ok" class="restartcount"> Conforme</button> <button data-idctrl="1" data-result="nok" class="restartnc"> non Conforme</button></td>
</tr>
符合不符合
符合不符合
符合不符合
下面是每个计时器的显示倒计时功能
使用javascript的页面:
<script type="text/javascript">
$(document).ready(function(){
$('[data-tempsctrl]').each(function() {
startCountdown(this);
});
$('.restartcount').on('click', function(){
var action = "envoi";
var recfreq = '&action=' + action;
$.ajax({
type:'POST',
url:'LoadCtrlfreq2.php',
data:'ligne='+ligne,
success:function(html){
$('#acfreq').fadeIn("slow");
$('#acfreq').html(html);
}
});
clearInterval(countdown);
startCountdown(); });
});
</script>
<div class="acfreq" id="acfreq"></div>
$(文档).ready(函数(){
$(“[data tempsctrl]”)。每个(函数(){
启动倒计时(本);
});
$('.restarcount')。在('click',function(){
var action=“envoi”;
var recfreq='&action='+action;
$.ajax({
类型:'POST',
url:'LoadCtrlfreq2.php',
数据:'ligne='+ligne,
成功:函数(html){
$('acfreq').fadeIn(“慢”);
$('#acfreq').html(html);
}
});
清除间隔(倒计时);
startCountdown();});
});
我忘记了函数startCountdown函数startCountdown(countdownRow){var$this=$(countdownRow);var startTime=$this.data('tempsctrl');var seconds=0;var timeTokens=startTime.split(':');seconds+=parseInt(timeTokens[0],10)*60*seconds+=parseInt(timeTokens[1],10)*60;seconds+=parseInt(timeTokens[2],10);var countdown=setInterval(function(){--seconds;if(seconds>0){$this.find('.countdown').html('Prochain controle dans:'+formatTime(Math.floor(seconds/3600))+':'+formatTime(Math.floor(seconds%3600)/60));}其他{$this.find('.countdown').html('')$(“.restarcount”).blink();clearInterval(倒计时);}},1000);$this.data('countdown',countdown);}你能用你的评论中的代码更新你的问题吗?我尝试了,但不起作用我有一个错误:s