為什么我的要到-2秒后才跳轉呢?
<!DOCTYPE?html> <html> ?<head> ??<title>瀏覽器對象</title>?? ??<meta?http-equiv="Content-Type"?content="text/html;?charset=gkb"/>??? ?</head> ?<body> ??<!--先編寫好網頁布局--> ??<h3>操作成功</h3> ??<p><b?id="second">5</b>秒后返回到主頁 <br></p> ??<a?href="javascript:goBack();">返回(第一種方法)</a><br><br> ??<a?href=""?onclick="window.history.go(-1)">返回(第二種方法)</a>?? ??<script?type="text/javascript">?? ?var?sec?=?document.getElementById("second"); ?var?i=5; ?var?Timer?=?setInterval("timer()",1000); ?function?timer() ?{ ?????i--; ?????sec.innerHTML?=?i; ?????if(i==1) ?????{ ?????????window.location.href?=?"http://www.xianlaiwan.cn/learn/10"; ?????} ?????} ??function?goBack() ??{ ??????window.history.go(-1); ??} ???//獲取顯示秒數的元素,通過定時器來更改秒數。 ???//通過window的location和history對象來控制網頁的跳轉。 ??? ?</script>? </body> </html>
謝謝!
2016-01-15
你這個不是到-2秒才跳轉,而是到1秒的時候已經跳轉了,你看到的到-2秒是你跳轉打開網頁需要時間給你的錯覺,根本原因是你沒有設置計時器停止,即使到了1秒的時候還是會不停執行timer()函數,你要在跳轉語句下面添加一句清除計時器語句clearInterval(Timer);這樣到了1秒的時候就不會繼續減少時間了
2016-01-15
改if(i==0)