开发者问题收集

使用按钮添加事件监听器不执行任何操作

2013-01-31
319

我尝试使用一些 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/

1个回答

用 DOMContentLoaded 替换 DOMContentReady

Soroush Falahati
2013-01-31