javascript - addEventListener 使用按钮不做任何事情

Question

玩一些 Javascript，我试图在单击按钮时显示时钟。只使用没有工作的js addEventListener，它会在目标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