使用按钮添加事件监听器不执行任何操作
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