addEventListener使用按鈕不會做任何事情

玩弄一些JavaScript，我試圖顯示時鐘，當一個按鈕被點擊。只使用沒有addEventListener的js工作，它會在目標div中顯示時鐘。但是，當我添加addEventListener時，沒有任何事情發生。我對編程頗爲陌生，經常忽略一些拼寫錯誤和語法錯誤，但我經歷了很多次，並沒有找到任何東西。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/

感謝您的幫助。

來源

2013-01-31 SystemShock