Newer
Older
komatsuY / GD4.js
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読み込んだあと、スタイルシートとか読み込み終わるのを待たずに発生する(?)