分鐘/秒倒數計時器沒有滴答？

Question

我試圖做一個簡單的計時器在JS開始在25分鐘，並倒計時。

$(document).ready(function() { 
 
\t  updateClock(); 
 
\t  var timeInterval = setInterval(updateClock(), 1000); 
 
    }); 
 

 
    var ms = 1500000; 
 
    var minutes = Math.floor(ms/1000/60); 
 
    var seconds = Math.floor((ms/1000) % 60); 
 

 
    function updateClock() { 
 
\t  ms -= 1000; 
 
\t  if (ms <= 0) { 
 
\t \t  clearInterval(timeInterval); 
 
\t  }; 
 
\t  $('#minutes').html(minutes); 
 
\t  $('#seconds').html(seconds); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="minutes"></div> 
 
\t <div id="seconds"></div>

我想不通爲什麼頁面僅顯示25和0，永不蜱下來。我錯誤地使用setInterval（）嗎？

Answer 1

您需要計算updateClock()函數中minutes和seconds的值。目前，它們不會從初始值更新。

而且，設定的時間間隔時，不要括號添加到函數名稱，否則它只是簡單地傳遞到返回值的引用，而不是函數本身：

var timeInterval; 
 
    
 
$(document).ready(function() { 
 
    updateClock(); 
 
    timeInterval = setInterval(updateClock, 1000); 
 
}); 
 

 
var ms = 1500000; 
 

 
function updateClock() 
 
{ 
 
    ms -= 1000; 
 
    
 
    var minutes = Math.floor(ms/1000/60), 
 
     seconds = Math.floor((ms/1000) % 60); 
 
    
 
    if (ms <= 0) 
 
    { 
 
     clearInterval(timeInterval); 
 
    }; 
 
    
 
    $('#minutes').html(minutes); 
 
    $('#seconds').html(seconds); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="minutes"></div> 
 
<div id="seconds"></div>

Answer 2

您忘記了再次更新分鐘和秒鐘。

function updateClock() { 
    ms -= 1000; 
    if (ms <= 0) { 
     clearInterval(timeInterval); 
    }; 
    minutes = Math.floor(ms/1000/60); 
    seconds = Math.floor((ms/1000) % 60); 
    $('#minutes').html(minutes); 
    $('#seconds').html(seconds); 
}