关于编程计时器的练习
qq_旺仔_4
2017-01-21 11:43
为什么数字会不动的呢，到了时间它自己跳转页面，请大神解答；
<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.imooc.com";
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>
2回答
-
- 慕粉0756009328
- 2017-01-21 12:28:28
<!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.imooc.com";
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>
-
- 慕粉0756009328
- 2017-01-21 12:26:46
我也是新手，思考了半个小时，结果发现错误是因为你的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秒后回到主页
我把它弄到里面感觉好多了
JavaScript进阶篇
468190 学习 · 21891 问题
相似问题