我想做一個倒計時秒錶

Question

我想倒計時秒錶可以定義時間，它減少到0點，我有3個按鈕，即開始，停止，重置。

任何人都可以幫助我搜索了很多網站，但沒有得到我想要的東西。

Answer 1

嘗試爲您

var CCOUNT; 
 
$(document).ready(function() { 
 
    $('#btnct').click(function() { 
 
     CCOUNT = $('#seconds').val(); 
 
     cdreset(); 
 
    }); 
 
}); 
 
var t, count; 
 

 
function cddisplay() { 
 
    document.getElementById('timespan').innerHTML = count; 
 
} 
 

 
function countdown() { 
 
    // starts countdown 
 
    cddisplay(); 
 
    if (count === 0) { 
 
     // time is up 
 
    } else { 
 
     count--; 
 
     t = setTimeout(countdown, 1000); 
 
    } 
 
} 
 

 
function cdpause() { 
 
    // pauses countdown 
 
    clearTimeout(t); 
 
} 
 

 
function cdreset() { 
 
    // resets countdown 
 
    cdpause(); 
 
    count = CCOUNT; 
 
    cddisplay(); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 

 
<form id="frm">Seconds: 
 
    <input type="text" id="seconds" name="seconds" value="0" size="2" maxlength="2" /> 
 
    <br/> 
 
    <input type="button" id="btnct" value="Input" /> 
 
</form> 
 
<span id="timespan"></span> 
 

 
<input type="button" value="Start" onclick="countdown()"> 
 
<input type="button" value="Stop" onclick="cdpause()"> 
 
<input type="button" value="Reset" onclick="cdreset()">

Answer 2

首先你應該自己試試。

如果你不這樣做，我認爲this視頻將幫助你建立一個秒錶。 或者你可以看到this博客文章。 和here是秒錶的另一個例子。