使用jquery启动多重倒计时

使用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

我想在我的网站上开始多次倒计时,但我不明白为什么不行,你能帮我吗

我用每个“数据tempsctrl”获取计时器

在LoadCtrlfreq2.php中:

<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