好奇怪，看不出哪里错了，倒计时不现实在页面里，并且5秒后不跳转之前页面，但是点击返回是可以的。
观小呆
2019-09-07 23:29
<!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>
2回答
-
- sdarks
- 2019-09-16 18:07:18
<!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("https://www.imooc.com"); 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> -
- sdarks
- 2019-09-16 17:49:44
感觉代码的问题很多啊?
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题