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

参考,接受指正

<!DOCTYPE html>

<html>

 <head>

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

  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   

 </head>

 <body>

  <!--先编写好网页布局-->

  <h3>操作成功</h3>

  <p><span id="second">5</span>秒后回到主页&nbsp;&nbsp;&nbsp;<a onclick="goback()">返回</a></p>

 

  <script type="text/javascript">  

 

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


    var second = document.getElementById("second");

    var i = 5;

    var timer = setInterval(function(){

        clearInterval(timer);

        if(second.innerHTML == 1){

            window.location.href="https://www.imooc.com/code/1575";

        }

        else{

             i--;

             second.innerHTML = i;

        }

        

    },2000);


   //通过window的location和history对象来控制网页的跳转。

   function goback(){

       window.history.go(-1);

   }

   

 </script> 

</body>

</html>


正在回答

4 回答

没毛病

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

a标签没有href貌似没法点吧,我在谷歌浏览器上试了下。

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

clearInterval(timer)应放在window.location.href="https://www.imooc.com/code/1575";下面,跳转的时候才去停止计时器,不然第一次循环完就停止计时器了

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

 clearInterval(timer); 位置有问题

应该放在if代码块中,当倒计时等于1秒时, clearInterval(timer);生效函数停止;

你现在的代码,倒计时 只能到第四秒就 结束了

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

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468979    人
  • 解答问题       22582    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

参考,接受指正

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号