1. 程式人生 > >javascript實現簡單的時間倒計時

javascript實現簡單的時間倒計時

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<span id='time' onclick="timedCount()" >5</span>
</body>
</html>
<script>
	
var c=5
var t
function timedCount()
{
	c=c-1
	if(c != 0){
		t=setTimeout("timedCount()",1000)
	}
	document.getElementById('time').innerHTML=c
}


/**
 * C的初始值為5
 * 當onclick="timedCount()"後將初始值減1
 * 如果C值不為零繼續減1並呼叫setTimeout方法
 * setTimeout方法引數1是一個回撥函式,引數2而是每隔多少毫秒執行
 * 當1秒後繼續呼叫函式本身並在之後對span裡的值重新賦值並依次執行上述操作
 * 知道C不滿足條件也就是時間為0時不再代用函式,也就結束了執行
 */
</script>