//index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>タイマーによる数値カウント</title>
</head>
<h1>タイマーによる数値カウント</h1>
<input type="button" value="押してね!"onclick="showCount()">
<p id="counter"></p>
</body>
</html>
//count.js
var count;
var counter=null;
var c=1000;
function showCount(){
counter.innerHTML=count;
count--;
if(count==-1){
count++;
}
if(count==0){
console.log("finish!");
}
c=c-30;
console.log(c);
setTimeout(showCount,c);
}
window.addEventListener("load",function(){
counter=document.getElementById("counter");
count=999;
});
コメント