【问题标题】:How to make a min : sec count down timer如何制作分钟:秒倒计时
【发布时间】:2018-03-19 20:13:54
【问题描述】:

这段代码有什么问题?它不在页面上显示计时器,当我在 JSFiddle 中对其进行测试时,我收到“输入结束”语法错误。

$( engage ).click(function () {
 setTimeout(function () {
                    var timeDisplay = document.createElement("p");
                    clock.appendChild(timeDisplay);

                    while (true) {
                        var target = 50 * 60;
                        var curr = target;

                        var x = setInterval(function () {
                            curr -= 1;

                            var mins = Math.floor(curr / 60);
                            var secs = curr % 60;
                            if (secs < 10) {
                                secs = "0" + secs;
                            }

                            console.log(mins + ":" + secs);
                            timeDisplay.innerHTML = mins + ":" + secs;
                        }, 1000);
                    }
                }, 500);

【问题讨论】:

  • 好代码不完整....而且循环不好
  • 如果你点击运行代码sn-p,它有一个错误告诉你出了什么问题。
  • 在 Stack Overflow 上简单搜索“[javascript] 倒数计时器”将产生数千个结果...

标签: javascript timer


【解决方案1】:

好的,您执行了以下操作,但我无法理解您要做什么。我建议您重命名变量以使自己更好地理解代码。

$( engage ).click(function () {
 setTimeout(function () {
                    var timeDisplay = document.createElement("p");
                    clock.appendChild(timeDisplay);

                    while (true) {
                        var target = 50 * 60;
                        var curr = target;

                        var x = setInterval(function () {
                            curr -= 1;

                            var mins = Math.floor(curr / 60);
                            var secs = curr % 60;
                            if (secs < 10) {
                                secs = "0" + secs;
                            }

                            console.log(mins + ":" + secs);
                            timeDisplay.innerHTML = mins + ":" + secs;
                        }, 1000);
                    }
                }, 500);

我有以下工作代码:

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
   

 console.log(h + ":" + m + ":" + s);
    var t = setTimeout(startTime, 500);
}
function checkTime(i) {
    if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
    return i;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多