                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

關于用setTimeout和value屬性改變秒值

<!DOCTYPE?html>
<html>
?<head>
??<title>瀏覽器對象</title>??
??<meta?charset="utf-8"/>???
?</head>
?<body>
??<!--先編寫好網頁布局-->
??<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://www.xianlaiwan.cn/";?}
??????setTimeout(tz,1000);
	}
??setTimeout(tz,1000);
????
????function?goBack(){?
????window.history.go(-1);
??}??
????
???//獲取顯示秒數的元素，通過定時器來更改秒數。

???//通過window的location和history對象來控制網頁的跳轉。
???
?</script>?
</body>
</html>

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

<!DOCTYPE?html>
<html>
?<head>
??<title>瀏覽器對象</title>??
??<meta?charset="utf-8"/>???
?</head>
?<body>
??<!--先編寫好網頁布局-->
??<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://www.xianlaiwan.cn/";?}
	},1000);
????
????function?goBack(){?
????window.history.go(-1);
??}??
????
???//獲取顯示秒數的元素，通過定時器來更改秒數。

???//通過window的location和history對象來控制網頁的跳轉。
???
?</script>?
</body>
</html>