カウントダウンボタン

by iwbjp

HTML

<h1 id="i">10</h1>
<button id="cd">count down</button>
<script>
var countdown = 10;
(function(){
	var cd = document.getElementById('cd');
	var i = document.getElementById('i');
	var countFlag = false;
	cd.onclick = function(){
		cd.parentNode.removeChild(cd);
		if(!countFlag){
			countFlag = true;
		var id = setInterval(function(){
			countdown--;
			i.innerHTML = countdown;
			if(countdown === 0){
				clearInterval(id);
				i.innerHTML = 'finish';
			}
		}, 1000);
		}
	}
})();
</script>