                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

關(guān)于用setTimeout和value屬性改變秒值

<!DOCTYPE?html>
<html>
?<head>
??<title>瀏覽器對(duì)象</title>??
??<meta?charset="utf-8"/>???
?</head>
?<body>
??<!--先編寫好網(wǎng)頁布局-->
??<h1>操作成功</h1>
??<p><b?id=ms>5</b>秒后回到主頁?<a?href="javascript:goBack();">返回</a></p>
??
?
??<script?type="text/javascript">?
???var?ms1=?document.getElementById("ms");
??????var?i=5;
??function?tz(){
????	i--;
		ms1.value=?i;
		if(i==1){
			window.location.href?=??"http://idcbgp.cn/";?}
??????setTimeout(tz,1000);
	}
??setTimeout(tz,1000);
????
????function?goBack(){?
????window.history.go(-1);
??}??
????
???//獲取顯示秒數(shù)的元素，通過定時(shí)器來更改秒數(shù)。

???//通過window的location和history對(duì)象來控制網(wǎng)頁的跳轉(zhuǎn)。
???
?</script>?
</body>
</html>

以上代碼將ms1.value= i;改為ms1.innerHTML=i就是正常的，之前用value時(shí)到了5秒會(huì)跳轉(zhuǎn)但是頁面一直顯示5秒沒有動(dòng)態(tài)改變。另外在下面的代碼中又是正確的。這到底是什么原因造成的

<!DOCTYPE?html>
<html>
?<head>
??<title>瀏覽器對(duì)象</title>??
??<meta?charset="utf-8"/>???
?</head>
?<body>
??<!--先編寫好網(wǎng)頁布局-->
??<h1>操作成功</h1>
??<p><b?id=ms>5</b>秒后回到主頁?<a?href="javascript:goBack();">返回</a></p>
??<script?type="text/javascript">?
???var?ms1=?document.getElementById("ms");
??????var?i=5;
???setInterval(function(){
????	i--;
		ms1.value?=?i;
		if(i==1){
			window.location.href?=??"http://idcbgp.cn/";?}
	},1000);
????
????function?goBack(){?
????window.history.go(-1);
??}??
????
???//獲取顯示秒數(shù)的元素，通過定時(shí)器來更改秒數(shù)。

???//通過window的location和history對(duì)象來控制網(wǎng)頁的跳轉(zhuǎn)。
???
?</script>?
</body>
</html>