为了账号安全,请及时绑定邮箱和手机立即绑定

JS进阶篇 8-17练习(网页跳转和返回)的问题

要求:

1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。

2. 如果点击“返回”按钮则返回前一个页面。

问题是:先不说有没有返回,反正跳转是没有实现。这个自己码的和标准答案差不多,请大神指正。

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <!--先编写好网页布局-->
  <h4>操作成功</h4>
  <p>
  <b id="second">5</b>秒后回到主页&nbsp;<a href="javascript:GoBack()">返回</a>
  </p>
 
  <script type="text/javascript">  
 var s=document.getElementById("second");
 var t=setInterval("clock()",1000);
 function clock(){
     for(var i=5;i>=0;i--){
         s.innerHTML=i;
         if(i==0){window.location.href="http://www.imooc.com/";}
     }
   //获取显示秒数的元素,通过定时器来更改秒数。
function GoBack(){
    window.history.back();
}
   //通过window的location和history对象来控制网页的跳转。
   
 </script> 
</body>
</html>


正在回答

2 回答

clock()函数少了一个  }

0 回复 有任何疑惑可以回复我~
#1

飞儿1981 提问者

谢谢提醒,不过还有个错误,时间5秒经历一次interval直接跳到了0,因为在clock函数for循环作用下只经历了一次计时器,直接从5变到0,改正方法可以将clock函数如下定义: function clock(){ i--; s.innerHTML=i; if(i==0){window.location.href="http://www.imooc.com/";} } 并且在外面赋值var i=5;
2016-12-28 回复 有任何疑惑可以回复我~

title没有打引号

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

JS进阶篇 8-17练习(网页跳转和返回)的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信