我想做一个倒计时秒表

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是秒表的另一个例子。