javascript - 倒计时 Jquery 正在重复

Question

我正在使用 jquery 创建“90 年代”的倒计时。

但倒计时正在重复。

我试过:

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

check_diffex.php:

<?php
header('Content-Type: application/json');
$e = "90";
// You would calculate a real value here
echo json_encode([
  'diffex' => $e
]);
?>

我正在使用 jquery 创建“90 年代”的倒计时。

但倒计时正在重复。

Answer 1

试试这个。删除最后一个 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>