![](/img/trans.png)
[英]Add leading zero to Minutes and Seconds in Javascript countdown timer
[英]Add Minutes or Seconds to the Javascript countdown timer?
我有一個JavaScript倒數計時器。 我需要做的是能夠在倒數計時器運行時向計時器添加1分鍾或幾秒鍾!
例如:如果我將分鍾設置為1分鍾並按“開始”按鈕,則倒數計時器將按原樣啟動,但如果我在計時器運行時再增加一分鍾,即32秒時,則不會添加該值到當前數字,它會繼續倒計時添加的前1分鍾的剩余時間,並且由於某種原因,它只會加快倒計時!
希望我不要讓你們感到困惑。 這是代碼:
<form>
Minutes: <input type="text" id="mns" name="mns" value="0" size="3" maxlength="3" /> Seconds: <input type="text" id="scs" name="scs" value="0" size="2" maxlength="2" /><br/>
<input type="button" id="btnct" value="START" onclick="countdownTimer()"/>
</form>
Countdown Timer: <span id="showmns">00</span>:<span id="showscs">00</span>
<script type="text/javascript"><!--
/* Function to display a Countdown timer with starting time from a form */
// sets variables for minutes and seconds
var ctmnts = 0;
var ctsecs = 0;
var startchr = 0; // used to control when to read data from form
function countdownTimer() {
// http://coursesweb.net/javascript/
// if $startchr is 0, and form fields exists, gets data for minutes and seconds, and sets $startchr to 1
if(startchr == 0 && document.getElementById('mns') && document.getElementById('scs')) {
// makes sure the script uses integer numbers
ctmnts = parseInt(document.getElementById('mns').value) + 0;
ctsecs = parseInt(document.getElementById('scs').value) * 1;
// if data not a number, sets the value to 0
if(isNaN(ctmnts)) ctmnts = 0;
if(isNaN(ctsecs)) ctsecs = 0;
// rewrite data in form fields to be sure that the fields for minutes and seconds contain integer number
document.getElementById('mns').value = ctmnts;
document.getElementById('scs').value = ctsecs;
startchr = 1;
}
// if minutes and seconds are 0, sets $startchr to 0, and return false
if(ctmnts==0 && ctsecs==0) {
startchr = 0;
document.getElementById('btnct').removeAttribute('disabled'); // remove "disabled" to enable the button
/* HERE YOU CAN ADD TO EXECUTE A JavaScript FUNCTION WHEN COUNTDOWN TIMER REACH TO 0 */
return false;
}
else {
// decrease seconds, and decrease minutes if seconds reach to 0
ctsecs--;
if(ctsecs < 0) {
if(ctmnts > 0) {
ctsecs = 59;
ctmnts--;
}
else {
ctsecs = 0;
ctmnts = 0;
}
}
}
// display the time in page, and auto-calls this function after 1 seccond
document.getElementById('showmns').innerHTML = ctmnts;
document.getElementById('showscs').innerHTML = ctsecs;
setTimeout('countdownTimer()', 1000);
}
//-->
</script>
任何幫助,將不勝感激。
將計數器編號視為要經過的總秒數的單個值,並且僅在轉換為當前值和/或從當前值轉換時(例如,在獲取初始輸入時或在顯示當前值時)才擔心分鍾和秒。
請參見http://jsfiddle.net/alnitak/aBWce/,了解一個有效的示例,該示例避免了需要檢查每一分鍾的結束時間或特殊情況下的填充數字。
順便說一句,您的return false
行是空操作-回調函數的返回值將被忽略。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.