倒计时Jquery正在重复

时间:2017-10-26 10:20:31

标签: javascript php jquery

我正在使用jquery创建' 90s`的倒计时。

但倒计时正在重复。

我试过了:

@Commit

check_diffex.php:

<script>
        var checkStatet = function(){
  jQuery.ajax({
    url: 'check_diffex.php?od=deotd'
  }).done(function(data){
      var o = data.diffex;
    var time = jQuery('#rbtntime');
    var timer = setInterval(function() {
  time.html(o);
  if (o == 0) {
    $('#rbtntimep').hide();
    clearInterval(timer);

  }
  o--;
}, 1000)
  });

}

checkStatet();
setInterval(checkStatet, 1000);
        </script>

<p>You need to wait <span id="rbtntime">90</span> before you can proceed</p>

我正在使用jquery创建&#39; 90s`的倒计时。

但倒计时正在重复。

1 个答案:

答案 0 :(得分:2)

试试这个。删除最后一个setInterval

<script>
 var checkStatet = function(){
  jQuery.ajax({
    url: 'check_diffex.php?od=deotd'
  }).done(function(data){
      var o = data.diffex;
      var time = jQuery('#rbtntime');
      var timer = setInterval(function() {
         time.html(o);
         if (o == 0) {
            $('#rbtntimep').hide();
            clearInterval(timer);
         }
         o--;
      }, 1000)
   });
 }
 checkStatet();
</script>