var cards = []; var startTime; var timer; <<<<<<< HEAD //var infobox =docment.getElementById("start") ======= //var infobox =docment.getElementById("start"); >>>>>>> a018a7ef19aa87692bfc545fb67d4e7a570e3300 var backTimer; var flgFirst = true; var cardFirst; var countUnit = 0; window.onload = function(){ var arr = []; for (var i = 0; i < 10; i++){ arr.push(i); arr.push(i); } shuffle(arr); var panel = document.getElementById('panel'); for (i = 0; i < 20; i++){ var div = document.createElement('div'); div.className = 'card back'; div.index = i; div.number = arr[i]; div.innerHTML = ''; div.onclick = turn; panel.appendChild(div); cards.push(div); } startTime = new Date(); startTimer(); } function shuffle(arr) { var n = arr.length; var temp, i; while (n) { i = Math.floor(Math.random() * n--); temp = arr[n]; arr[n] = arr[i]; arr[i] = temp; } return arr; } function turn(e){ var div = e.target; if (backTimer) return; if (div.innerHTML == ''){ div.className = 'card'; div.innerHTML = div.number; }else{ return; } if (flgFirst){ cardFirst = div; flgFirst = false; }else{ if (cardFirst.number == div.number){ countUnit++; backTimer = setTimeout(function(){ div.className = 'card finish'; cardFirst.className = 'card finish'; backTimer = NaN; if (countUnit == 10){ clearInterval(timer); } }, 500) }else{ backTimer = setTimeout(function(){ div.className = 'card back'; div.innerHTML = ''; cardFirst.className = 'card back'; cardFirst.innerHTML = ''; cardFirst = null; backTimer = NaN; }, 500); } flgFirst = true; } } function startTimer(){ //infobox.removeEventListener("click",startTimer, fales); timer = setInterval(showSecond, 1000); } function showSecond(){ var nowTime = new Date(); var elapsedTime = Math.floor((nowTime - startTime) / 1000); var str = '経過秒数: ' + elapsedTime + '秒経過'; var re = document.getElementById('result'); re.innerHTML = str; }