Question

玩一些javascript，我试图在点击按钮时显示时钟。仅使用没有addEventListener的js，它会在目标div中显示时钟。当我添加addEventListener时，没有任何事情发生。我对编程很陌生并经常忽略一些拼写错误和语法错误，但我已经经历了很多次并且没有找到任何东西。

这是js代码：

   document.addEventListener('DOMContentReady', function () {
    document.getElementById('clock-button').addEventListener('click', startClock, false);
});

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

    m = checkTime(m);
    s = checkTime(s);

    document.getElementById('clock').innerHTML = h + ":" + m + ":" + s;
    t = setTimeout(function () {
        startClock();
    }, 500);

    console.log("works");
}

function checkTime(i) {
    if (i < 10) {
        i = "0" + i;
    }

    return i;
}

这里的jsfiddle：http://jsfiddle.net/Em46R/1/

感谢您的帮助。

Answer 1

将DOMContentReady替换为DOMContentLoaded

使用按钮的addEventListener不执行任何操作

1 个答案: