分/秒のカウントダウンタイマーが低下していませんか？

Question

私は25分で始まり、カウントダウンするJSで簡単なタイマーを作ろうとしています。

$(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); 
}