javascript - 将 JavaScript 倒计时转换为 jQuery 倒计时并添加间隔

Question

我找到了this JS-Countdown Script在 JSFiddle。

编辑:

我现在使用的是rafaelcastrocouto的代码，它几乎是完美的。我想要一个 10 秒的 JQuery 倒计时脚本，其间隔为 5 秒重置倒计时计时器并一次又一次地开始，但仅限于具有特定 id 的特定类在整个 HTML 页面上。如果它下降到 0，倒计时应该停止。另外，我想将特定计数器重置为 10。

它是关于每秒刷新一次的 WebSocket，根据我为特定计数器获取的数据，我想重置它们，或者它们应该倒数为零。

新的 JSFiddle: http://jsfiddle.net/alexiovay/azkdry0w/4/

Answer 1

这就是我用jquery和 native setInterval解决的方法...

var setup = function(){
  $('.count').each(eachSetup);    
};

var eachSetup = function(){
  var count = $(this);
  var sec = count.data('seconds') ;  
  count.data('count', sec);
};

var everySecond = function(){  
  $('.count').each(eachCount);    
};

var eachCount = function(){
  var count = $(this);
  var s = count.data('count');
  count.text(s);
  s--;
  if(s < 0) { 
    s = count.data('seconds');
  }
  count.data('count', s);
};

setup();
setInterval(everySecond, 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p class="count" data-seconds="5"></p>
<p class="count" data-seconds="10"></p>
<p class="count" data-seconds="15"></p>