好奇怪，看不出哪里錯了，倒計時不現實在頁面里，并且5秒后不跳轉之前頁面，但是點擊返回是可以的。
<!DOCTYPE html>
<html>
?<head>
? <title>瀏覽器對象</title>??
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>??
? <style>
? ? #content div{
? ? ? ? float:left;
? ? }
? ? #back{
? ? ? ? color:#0782c1;
? ? ? ? text-decoration:underline;
? ? }
? ? #back:hover{
? ? ? ? color:#0000CD;
? ? }
? </style>
?</head>
?<body>
? <!--先編寫好網頁布局-->
? <h3 id="head">操作成功</h3>
??
? <div id="content">
? ? ? <div id="time"></div>
? ? ? <div>秒后回到主頁</div>
? ? ? <div> </div>
? ? ? <div id="back" onclick="goback()">返回</div>
? </div>
?
? <script type="text/javascript">??
? ??
? ?//獲取顯示秒數的元素，通過定時器來更改秒數。
? ?
? ? var num = 5;
? ? var i ;
? ? function timer(){
if(num == 0){
window.location.reload-1);
clearInterval(i);
clearTimeout(i);
}else{
document.getElementById("time").value = num;
num --;
i = setInterval(timer(),1000);
}
}
? ? setTimeout(clearInterval(i),5000);
? ?
? ?//通過window的location和history對象來控制網頁的跳轉。
function goback(){
window.history.go(-1);
}
?</script>?
</body>
</html>
2019-09-16
<!DOCTYPE?html> <html> ?<head> ??<title>瀏覽器對象</title>?? ??<meta?http-equiv="Content-Type"?content="text/html;?charset=gkb"/>?? ??<style> ????#content?div{ ????????float:left; ????} ????#back{ ????????color:#0782c1; ????????text-decoration:underline; ????} ????#back:hover{ ????????color:#0000CD; ????} ??</style> ?</head> ?<body> ??<!--先編寫好網頁布局--> ??<h3?id="head">操作成功</h3> ??<div?id="content"> ??????<div?id="time"></div> ??????<div>秒后回到主頁</div> ??????<div> </div> ??????<div?id="back"?onclick="goback()">返回</div> ??</div> ??<script?type="text/javascript"> ????var?num?=?5; var?i; function?timer(){ ??if(num?==?0){??//當num等于0時，打開慕課網首頁 ????window.location.assign("http://www.xianlaiwan.cn");?? clearInterval(i); ??} ??else{??//當num不為0時，輸出num，然后num的值減1 ????document.getElementById("time").innerHTML?=?num; num--; ??} } timer();??//運行timer函數 i?=?setInterval(timer,1000);??//每1000毫秒運行1次timer函數 ????function?goback(){ ??????window.history.go(-1); ????} ?</script>? </body> </html>2019-09-16
感覺代碼的問題很多啊?