如何在Javascript中使用帶有“do while”循環的setTimeout？

Question

我正在嘗試對將在單擊另一個元素 (#start) 時啟動的跨度元素 (#thirty) 進行 30 秒倒計時。 它似乎不起作用。 我會很感激你的幫助。

var countdown = function() {
  setTimeout(function() {
    var i = 30;
    do {
      $("#thirty").text(i);
      i--;
    } while (i > 0);
  }, 1000);
}

$("#start-timer").click(countdown());

Answer 1

用這個 ：

var i = 30;
var countdown = function() {
  var timeout_ = setInterval(function() {
      $("#thirty").text(i);
      i--;
      if(i==0){
         i = 30;
         clearInterval(timeout_);
      }
  }, 1000);
}

$("#start-timer").click(countdown);