Newer
Older
2022-fuka / docs / kadai.js
@SASAKI Fuka SASAKI Fuka on 17 Nov 2022 1 KB aa
<<<<<<< HEAD:kadai.js
    function CountDown() {
        var count = 10, tmID,infobox = document.getElementById("start"),
    	dobon = document.getElementById("dobon"),
    	    kekka = document.getElementById("osirase");
        maru1 = document.getElementById("1"),
	maru2 = document.getElementById("2"),
	maru3 = document.getElementById("3"),
	maru4 = document.getElementById("4"),
=======
function CountDown() {
        var count = 3, tmID,infobox = document.getElementById("start"),
    	seiko = document.getElementById("atari"),
    	kekka = document.getElementById("osirase");  
>>>>>>> 846ecf1217d4baa5f1dc9300b08b584be022c0ca:docs/kadai.js
        function countDown() {
    	if (--count == 0) {
    	    kekka.innerHTML = "時間切れです(^^)"; 
    	}//カウントがゼロになったら表示
    	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);// どぼんが押されたときストップ
    }  
     
        function stopCountDown() {
    	clearTimeout(tmID);  
    	kekka.innerHTML = "見つかった!" //osiraseの部分に表示
    	dobon.innerHTML = "ドボン" 
    	dobon.removeEventListener("click", stopCountDown, false);
        }
        infobox.addEventListener("click", startCountDown, false);


	

    };

}
	function answer (){
	    1.innerHTML = "aaa";
	}
	function answer2 (){
		2.innerHTML = "Error...";
	}
	function answer3 (){
		3.innerHTML = "Error...";
	}
	function answer4 (){
		hazure4.innerHTML = "Error...";
	}
}
    document.addEventListener("DOMContentLoaded", CountDown, false);
    //DOMContentLoaded...HTML読み込んだあと、スタイルシートとか読み込み終わるのを待たずに発生する(?)