【问题标题】:I want to make a Countdown Stopwatch我想做一个倒计时秒表
【发布时间】:2016-05-24 13:58:17
【问题描述】:
我想做一个倒计时秒表,我可以在其中定义时间,它会减少到 0:00,其中我有 3 个按钮,即开始、停止、重置。
任何人都可以帮助我搜索了许多网站,但没有得到我想要的东西。
【问题讨论】:
标签:
javascript
html
countdown
stopwatch
【解决方案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()">
【解决方案2】:
首先你应该自己尝试一下。
如果您不这样做,我认为this 视频将帮助您制作秒表。
或者您可以查看this 博客文章。
here 是秒表的另一个例子。