【问题标题】: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 是秒表的另一个例子。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-09
    • 2022-01-08
    • 2016-03-25
    • 1970-01-01
    • 2012-08-16
    • 1970-01-01
    • 1970-01-01
    • 2021-09-12
    相关资源
    最近更新 更多