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/