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

JS進階篇 8-17練習（網頁跳轉和返回）的問題

要求：

1. 如果打開該頁面后，如果不做任何操作則5秒后自動跳轉到一個新的地址，如慕課網主頁。

2. 如果點擊“返回”按鈕則返回前一個頁面。

問題是：先不說有沒有返回，反正跳轉是沒有實現。這個自己碼的和標準答案差不多，請大神指正。

<!DOCTYPE?html>
<html>
?<head>
??<title>瀏覽器對象</title>??
??<meta?http-equiv="Content-Type"?content="text/html;?charset=gkb"/>???
?</head>
?<body>
??<!--先編寫好網頁布局-->
??<h4>操作成功</h4>
??<p>
??<b?id="second">5</b>秒后回到主頁&nbsp;<a?href="javascript:GoBack()">返回</a>
??</p>
?
??<script?type="text/javascript">??
?var?s=document.getElementById("second");
?var?t=setInterval("clock()",1000);
?function?clock(){
?????for(var?i=5;i>=0;i--){
?????????s.innerHTML=i;
?????????if(i==0){window.location.href="http://www.xianlaiwan.cn/";}
?????}
???//獲取顯示秒數的元素，通過定時器來更改秒數。
function?GoBack(){
????window.history.back();
}
???//通過window的location和history對象來控制網頁的跳轉。
???
?</script>?
</body>
</html>

飛兒1981

2016-12-22

源自：JavaScript進階篇 8-17

關注問題我要回答

803

操作

收起

2 回答

myjavac 回答被采納 +3 積分
2016-12-23

clock()函數少了一個? }

0 回復有任何疑惑可以回復我~

收起回答

飛兒1981 提問者

謝謝提醒，不過還有個錯誤，時間5秒經歷一次interval直接跳到了0，因為在clock函數for循環作用下只經歷了一次計時器，直接從5變到0，改正方法可以將clock函數如下定義： function clock(){ i--; s.innerHTML=i; if(i==0){window.location.href="http://www.xianlaiwan.cn/";} } 并且在外面賦值var i=5;