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

代碼求教,瀏覽器中效果無法實現

<!DOCTYPE html>
<html>
?<head>
? <title>瀏覽器對象</title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>? ?
?</head>
?<body>
?
? <h4>操作成功</h4>
? <span><a id="miao">5</a>秒后回到主頁<a href="wy">返回</a></span>

? <script type="text/javascript"> ?
?? var num=5;
?? function sj(){
?????? num=num-1;
?????? miao.innerHTML=num;
?????? setTimeout(sj,1000);
?????? while(num<1){
??????? var wy=window.location.href;
??????? window.history.go(wy);
?????? }
?? }
?? setTimeout(sj,1000);
?</script>

</body>
</html>

有花不見葉

2016-07-16

源自：JavaScript進階篇 8-17

關注問題我要回答

1126

操作

收起

3 回答

夢易醒回答被采納 +3 積分
2016-07-16

<!DOCTYPE?html>
<html>
?<head>
??<title>瀏覽器對象</title>??
??<meta?http-equiv="Content-Type"?content="text/html;?charset=gkb"/>???
?</head>
?<body>
?
??<h4>操作成功</h4>
??<span><a?id="miao">5</a>秒后回到主頁<a?href="wy">返回</a></span>
??<script?type="text/javascript">??
???var?num=5;
???function?sj(){
???????num=num-1;
???????miao.innerHTML=num;
???????setTimeout(sj,1000);
???????//?while(num<1){?//這里是個死循環!!!!!
??????if(num==0){//改為判斷
????????var?wy=window.location.href;
????????window.history.go(wy);
???????}
???????//可以在方法中從新執行
???????setTimeout(sj,1000);
???}
???//setTimeout?這個只會執行一次
???setTimeout(sj,1000);
?</script>
</body>
</html>

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

收起回答

有花不見葉提問者

非常感謝！

2016-07-16 回復有任何疑惑可以回復我~

gkenan
2016-07-16

<!DOCTYPE html>
<html>
?<head>
? <title>瀏覽器對象</title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>? ?
?</head>
?<body>
?
? <h4>操作成功</h4>
? 
? <span><a id="miao">5</a>秒后回到主頁<a href="javascript:window.location.go(-1)">返回</a></span>
? <script type="text/javascript"> ?
?? var num=5;
?? function sj(){
?????? num=num-1;
?????? miao.innerHTML=num;
?????? setTimeout(sj,1000);
????? if(num<1){
??????? window.location.href =? "http://www.xianlaiwan.cn/";
?????? }
?? }
?? //啟動函數，執行1次
?? setTimeout(sj,1000);
?</script>
</body>
</html>

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

收起回答

有花不見葉提問者

謝謝幫助，很感謝！

2016-07-16 回復有任何疑惑可以回復我~

夢易醒
2016-07-16

<!DOCTYPE html>
<html>
?<head>
? <title>瀏覽器對象</title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>? ?
?</head>
?<body>
? 
? <h1>操作成功</h1>
? <p>
????? <span id="num">5</span>秒后返回到主頁 <a href="javascript:window.history.go(-1)">返回</a>
? </p>
?
? <script type="text/javascript"> ?
?
?? //獲取顯示秒數的元素，通過定時器來更改秒數。
??? function settime(){
??????? var num=document.getElementById('num').innerHTML;
??????? num--;
??????? document.getElementById('num').innerHTML=num;
??????? if(num==0){
??????????? window.location="http://www.xianlaiwan.cn/";
??????? }
??? }
??? setInterval(settime,1000);
?? //通過window的location和history對象來控制網頁的跳轉。
? ?
?</script>
</body>
</html>