倒計時切換頁面

要求:

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

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

我的代碼:

<!DOCTYPE html>
<html>
<head>
<title>瀏覽器對象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>


操作成功

<a id="second">5</a>秒后 <b href="#" type="button" onClick="window.history.go(-1)">返回</b>
//通過window的location和history對象來控制網頁的跳轉。
<script type="text/javascript">
var seco=document.getElementById("second").innerHTML;
function sec(){
if(seco==1) {window.location.replace("http://www.baidu.com/"); }
document.getElementById("second").innerHTML=seco;
seco--;
setTimeout(sec,1000);
//獲取顯示秒數的元素,通過定時器來更改秒數。
}
sec();
</script>
</body>
</html>

一直運行不對,不能進行倒數,后來看了別人的把 document.getElementById("second")改成了document.getElementById("second").innerHTML,就好了。
不過百度了一下也沒找到那個innerHTML究竟是什么作用,如有賜教就最好了。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容