如何将setTimeout用于＆＃34; do while＆＃34;在Javascript中循环？

Question

我试图在一个span元素（#thirty）上进行30秒倒计时，该元素将在点击另一个元素（#start）时启动。它似乎不起作用。我很感激你的帮助。

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