簡單的多秒倒計時

Question

我有幾個<span class="timer">342</span>與不同的值（秒）。 我想倒計時個個的，我想我可以這樣做：

  $('.timer').ready(function() { 
       timer = setInterval(function() { 
        sec = $('.timer').text(); 
        $('.timer').text(--sec); 
        if (sec == 0) { 
         clearInterval(timer); 
         location.href = 'accounts.php'; 
        } 
       }, 1000); 
      }); 

的誤差，使用Javascript被因爲.timer或東西超過1個對象的困惑和跨度產生怪異的值。

當第一個計時器達到零時，它應該重新加載。使用jQuery。 跨度數不固定。 我真的很想保持簡單，不要使用額外的插件或大腳本文件。

Answer 1

.ready僅用於document並標記DOM何時完全解析。在此功能中，this引用文檔。我會寫另一種方式：

$(document).ready(function() { 

    timer = setInterval(function() { 
     $('.timer').each(function(){ 
      var $this = $(this); 
      var countdown = parseInt($this.text()) - 1; 

      $this.text(countdown); 
      if (countdown == 0) { 
       clearInterval(timer); 
       location.href = 'accounts.php'; 
      } 
     }); 
    }, 1000); 
}); 

重要：

1. 使用.each通過每一個定時器
2. 使用parseInt迭代從字符串

下面是一個得到一個整數Example-Fiddle工作。

Answer 2

我明白了。 本真的作品（fiddle）：

  timer = setInterval(function() { 
       $('.timer').each(function(index, el) { 
        sec = $(el).text(); 
        $(el).text(--sec); 
        if (sec == 0) { 
         location.href = 'accounts.php'; 
        } 
       }); 
      }, 1000);