//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; });
コメント