function CountDown() { var count = 5 var tmID var infobox = document.getElementById("start") var seiko = document.getElementById("atari") var kekka = document.getElementById("tu-ti"); var reset = document.getElementById("reset"); function doReload() { // reloadメソッドによりページをリロード window.location.reload(true); } reset.addEventListener("click", doReload, false) //resetボタンが押されたらdoReloadを実行 function countDown() { if (--count == 0) { kekka.innerHTML = "はずれ"; // 3秒後にリロード }//カウントがゼロになったら表示 else { kekka.innerHTML = count + "秒前"; tmID = setTimeout(countDown, 1000); } } function startCountDown() //カウントダウンするとき { tmID = setTimeout(countDown, 1000); // infobox.removeEventListener("click", startCountDown, false); //startが押させたときスタート seiko.addEventListener("click", stopCountDown, false);// atariが押されたときストップ } function stopCountDown() { clearTimeout(tmID); kekka.innerHTML = "ミッケ" //osiraseの部分に表示 seiko.innerHTML = "GOOD" seiko.removeEventListener("click", stopCountDown, false); } infobox.addEventListener("click", startCountDown, false); }; document.addEventListener("DOMContentLoaded", CountDown, false); //DOMContentLoaded...HTML読み込んだあと、スタイルシートとか読み込み終わるのを待たずに発生する(?)