                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

好奇怪，看不出哪里错了，倒计时不现实在页面里，并且5秒后不跳转之前页面，但是点击返回是可以的。

<!DOCTYPE html>

<html>

<head>

<title>浏览器对象</title>

<style>

#content div{

float:left;

}

#back{

color:#0782c1;

text-decoration:underline;

}

#back:hover{

color:#0000CD;

}

</style>

</head>

<body>

<div>秒后回到主页</div>

</div>

//获取显示秒数的元素，通过定时器来更改秒数。

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-07

源自：JavaScript进阶篇 8-17

关注问题我要回答

775

操作

收起

2 回答

sdarks
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>&nbsp</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>