關于編程計時器的練習
為什么數字會不動的呢,到了時間它自己跳轉頁面,請大神解答;
<script type="text/javascript">
? var e=document.getElementById("num"); ?
? ? var num=5; ?
? ? var id=setInterval("mid()",1000); ?
? ? function mid(){ ?
? ? ? ? num--; ?
? ? ? ? if(num==0){ ?
? ? ? ? ? ? window.location="http://www.xianlaiwan.cn"; ?
? ? ? ? ? ? clearInterval(id); ?
? ? ? ? ? ? return; ?
? ? ? ? } ?
? ? ? ? e.innerHTML=num; ?
? ? } ?
? ?//通過window的location和history對象來控制網頁的跳轉。 ?
? ?function back(){ ?
? ? ? ?window.history.back(); ?
? ?} ?
</script>
</head>
<body>
?<h1>操作成功</h1> ?
? <span id="num"></span>5秒后回到主頁 <a href="" onclick="back()">返回</a> ?
</body>
</html>
2017-01-21
<!DOCTYPE ?HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全帶,準備啟航</title>
<script type="text/javascript">
? window.onload=function(){
? var e=document.getElementById("num"); ?
? ? var num=5; ?
? ? var id=setInterval(mid,1000); ?
? ? function mid(){ ?
? ? ? ? num--; ?
? ? ? ? if(num==0){ ?
? ? ? ? ? ? window.location="http://www.xianlaiwan.cn"; ?
? ? ? ? ? ? clearInterval(id); ?
? ? ? ? ? ? return; ?
? ? ? ? } ?
? ? ? ? e.innerHTML=num+'秒后回到主頁'; ?
? ? } ?
? ?//通過window的location和history對象來控制網頁的跳轉。 ?
? ?function back(){ ?
? ? ? ?window.history.back(); ?
? ?} ?
? }
</script>
</head>
<body>
?<h1>操作成功</h1> ?
? <span id="num">5秒后回到主頁</span><a href="" onclick="back()">返回</a> ?
</body>
</html>
2017-01-21
我也是新手,思考了半個小時,結果發現錯誤是因為你的e是null
之所以這樣可能是因為在聲明e變量的時候,并沒有加載到下文 ? ?<span id="num"></span> ?這一句
用window.onload=function(){}函數包起來就好了。
但是接下來又報錯mid is notdefined
我感覺也許是
var id=setInterval("mid()",1000);?
這一句格式有問題,改成
var id=setInterval(mid,1000);?
就好了
然后又有一點小問題比如你的? ? <span id="num"></span>5秒后回到主頁
我把它弄到里面感覺好多了