(() => {
function CountDown() {
var count = 4,
tmID,
hit = Math.floor(Math.random()*10+1);
areas = document.querySelectorAll("div"),
button = document.getElementById("start"),
infobox = document.getElementById("result");
function countDown() {
if (--count == 0) {
infobox.innerHTML = "失敗…";
infobox.setAttribute("class", "failure")
for (let i of areas) {
if (i.textContent == hit) {
i.removeEventListener("click", stopCountDown, false);
}
}
} else {
infobox.innerHTML = count + "秒前";
tmID = setTimeout(countDown, 1000);
}
}
function startCountDown() {
tmID = setTimeout(countDown, 1000);
button.removeEventListener("click", startCountDown, false);
for (let i of areas) {
if (i.textContent == hit) {
i.addEventListener("click", stopCountDown, false);
}
}
}
function stopCountDown() {
clearTimeout(tmID);
infobox.innerHTML = "成功!!";
infobox.setAttribute("class", "success");
areas.removeEventListener("click", stopCountDown, false);
}
button.addEventListener("click", startCountDown, false);
}
document.addEventListener("DOMContentLoaded", CountDown, false);
})();