没法实现动态跳转功能~~求助~~自己找不出原因

来源:8-17 编程练习

慕鱼树

2018-11-13 16:09

<body>

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

  <h1>操作成功</h1>

  <span id="Ret">5</span>秒后回到主页

  <a herf="javascript:void(0);" onclick="Go()">返回</a>

  <script type="text/javascript">  

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

   var timer=5;

  i= setTimeout(TIMER,1000);

   function TIMER()

{

    timer--;

   document.getElementById("RET").innerHTML=timer;

       if(timer==0)

       {

          window.history.back();

          clearTimeout(i);

           

       }

      setTimeout(TIMER,1000);

   }

     

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

    function Go(){

    window.hisroty.back();

 </script> 

</body>


写回答 关注

2回答

  • 慕移动0851642
    2018-11-13 17:38:04
    已采纳

    <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

    <body>

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

      <h1>操作成功</h1>

      <span id="Ret">5</span>秒后回到主页

      <a herf="javascript:void(0);" onclick="Go()">返回</a>

      <script type="text/javascript">  

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

       var timer=5;

       setTimeout(TIMER,1000);                                              //这个用完一次就停了,不需要特地去停

       function TIMER()

    {

        timer--;

       document.getElementById("Ret").innerHTML=timer;   //这里获取的RET错了,所以数字一直不变

       var i=setTimeout(TIMER,1000);                                     //这个放在循环里面一直调用的才需要停下

           if(timer==0)

           {

              window.open("http://www.imooc.com");              //倒计时完成就会跳转,用window.hisroty.back();                                                                                             //是返回上一页,要先从另一个网页跳转到该网页才                                                                                           //有效果

              clearTimeout(i); 

           }

       }

         

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

        function Go(){

        window.hisroty.back();

        }     //这里你少了个;

     </script> 

    </body>

    </html>


    慕鱼树 回复慕移动085...

    谢谢~~

    2018-11-14 20:24:49

    共 4 条回复 >

  • qq_夏佐_0
    2018-11-29 12:20:49

    我的代码:


    <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

     <body>

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

      <p>

          <h4>操作成功</h4>

      </p>

      

      <form>

          <span id="txt">5</span>

          秒后返回主页

          <a href="javascript:goBack()" >返回</a>

      </form>

     

      <script type="text/javascript">  

         var num=5;

         function getTime() {

             document.getElementById("txt").innerHTML=num;

             num--;

             

             if (num == 0) {

                 window.location.assign("http://www.imooc.com");

             }

         }

         

         function goBack() {

             //window.history.go(-1); //返回方式2

             //window.location.assign("http://www.imooc.com"); // 方式3:加载新页面

             window.history.back();

         }


        var t = setInterval("getTime()",1000);


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

       

     </script> 

    </body>

    </html>


JavaScript进阶篇

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

468190 学习 · 21891 问题

查看课程

相似问题