カウントダウンタイマーの時間を表示する

Question

私は何とかこのコードをstackoverflowからコピーしましたが、リンクを忘れました。私は時間を入力しようとすると、これは見た目が非常に奇妙な分に変換されることに気づいた。

var hms = "02:30:00"; 
 
\t var a = hms.split(':'); // split it at the colons 
 

 
\t // minutes are worth 60 seconds. Hours are worth 60 minutes. 
 
\t var seconds = (+a[0]) * 60 * 60 + (+a[1]) * 60 + (+a[2]); 
 

 
\t \t if(seconds > 0) 
 
\t \t { \t 
 

 
\t  function secondPassed() { 
 
\t  \t 
 
\t  \t 
 
\t   var minutes = Math.round((seconds - 30)/60), 
 
\t    remainingSeconds = seconds % 60; 
 

 
\t   if (remainingSeconds < 10) { 
 
\t    remainingSeconds = "0" + remainingSeconds; 
 
\t   } 
 

 
\t   document.getElementById('countdown').innerHTML = ":" +minutes + ":" + remainingSeconds; 
 
\t   if (seconds == 0) { 
 
\t    clearInterval(countdownTimer); 
 
\t    //form1 is your form name 
 
\t    document.form_quiz.submit(); 
 
\t   } else { 
 
\t    seconds--; 
 
\t   } 
 
\t  } 
 
\t  var countdownTimer = setInterval('secondPassed()', 1000); 
 

 
\t  }

time{ 
 

 
color:red; 
 

 
}

02:30:00 <br> 
 

 
<time id="countdown">02:30:00</time>

カウントダウン（1秒が経過）後2時29分59秒のように表示されます。 149：59ではない。

Answer 1

時間単位の計算は忘れています。

この==のように試してみてください>

var hms = "02:30:00"; 
 
\t var a = hms.split(':'); // split it at the colons 
 

 
\t // minutes are worth 60 seconds. Hours are worth 60 minutes. 
 
\t var seconds = (+a[0]) * 60 * 60 + (+a[1]) * 60 + (+a[2]); 
 

 
\t \t if(seconds > 0) 
 
\t \t { \t 
 

 
\t  function secondPassed() { 
 
\t  \t 
 
\t  \t 
 
\t   var minutes = Math.round((seconds - 30)/60), 
 
\t    remainingSeconds = seconds % 60; 
 
        var hour =Math.floor((minutes)/60); 
 
        minutes = minutes%60; 
 

 
\t   if (remainingSeconds < 10) { 
 
\t    remainingSeconds = "0" + remainingSeconds; 
 
\t   } 
 
       hour = ("0" + hour).slice(-2); 
 
       minutes = ("0" + minutes).slice(-2); 
 
       remainingSeconds= ("0" + remainingSeconds).slice(-2); 
 

 
\t   document.getElementById('countdown').innerHTML = hour +":" +minutes + ":" + remainingSeconds; 
 
\t   if (seconds == 0) { 
 
\t    clearInterval(countdownTimer); 
 
\t    //form1 is your form name 
 
\t    document.form_quiz.submit(); 
 
\t   } else { 
 
\t    seconds--; 
 
\t   } 
 
\t  } 
 
\t  var countdownTimer = setInterval('secondPassed()', 1000); 
 

 
\t  }

time{ 
 

 
color:red; 
 

 
}

02:30:00 <br> 
 

 
<time id="countdown">02:30:00</time>