为什么不会倒计时,也不能返回上一网址?

来源:8-17 编程练习

weixin_慕粉117217

2019-03-05 10:47

<!DOCTYPE html>

<html>

 <head>

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

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

 </head>

 <body>

  <!--先编写好


网页布局-->

 

 <h1>操作成功!<br></h1>

  <b id="scecound">5</b>秒后返回主页  

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

  <script type="text/javascript">  

 

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

var i=document.getElementById("scecound");//获取元素

var e=5;

   //使用计时器

var time=setInterval(function(){

var i=document.getElementById("scecound");//获取元素   

 e--;

i.innerHtml=e;

if(i==0){

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

 }

 },1000);

  

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

 function goBack(){

       window.location.forward();

   }

 

</script>

 

</body>


</html>


写回答 关注

5回答

  • 不掉头发的伟大程序分析师
    2019-05-23 09:41:23

    <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

     <body>

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

     <h3>操作成功</h3>  <p>

        <span id="time">5</span>秒后回到主页 <a href="javascript:goBack();">返回</a>

     </p>

     

     <script type="text/javascript">  

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

         var love = document.getElementById("time");

    var i=5;

      var sexy=setInterval(function(){

      i--;

        love.innerHTML=i;

      if(i==1)

      {

    window.location.href="http://baodu.com";  

      }

      },1000)

      function goBack(){

      window.history.go(-1);

      }

    </sricpt>

  • bao_
    2019-04-19 13:37:46

    <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

     <body>

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

      <h3>操作成功</h3>

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

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

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

      <script type="text/javascript">  

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

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

      

        function count()

        {

            num--;

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

            if(num==0)

            {

                location.assign("www.imooc.com");

            }

        }

        setInterval("count()",1000);

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

        function back()

        {

           window.history.back();

       }

       

     </script> 

    </body>

    </html>


  • LouisDuan
    2019-03-18 22:28:47

      window.location.forward();???????????不是back??

  • weixin_慕粉117217
    2019-03-05 11:33:53

    <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

     <body>

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

     

     <h1>操作成功!<br></h1>

     <span id="scecond">5</span><span>秒返回到主页</span><a  href="javascript:goBack()">返回</a>

      <script type="text/javascript">  

     var e=5;

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

       //使用计时器

    var time=setInterval(function (){

     document.getElementById("scecond").innerHTML=e;//获取元素   

     e--;

    if(e==0){

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

    clearInterval(time); 

     }

     },1000);

      

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

      

     function goBack(){

           window.location.forward();

       }

     

    </script>

     

    </body>


    </html>

    找到原因了!赋值出现了问题!

    qq_慕盖茨...

    可是你这个返回功能完全没有啊

    2019-03-10 21:26:38

    共 1 条回复 >

  • weixin_慕粉117217
    2019-03-05 11:16:16

    <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

     <body>

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

     

     <h1>操作成功!<br></h1>

      <span id="scecond">5</span>秒后返回主页  

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

         

      

     

      <script type="text/javascript">  

     

       

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

      

    var e=5;

       //使用计时器

       

    var time=setInterval(function(){

       

     e=document.getElementById("scecond".innerHTML;//获取元素   

     e--;

    if(i==0){

             

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

    clearInterval(time); 

     }

     },1000);

      

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

      

     function goBack(){

           window.location.forward();

       }

     

    </script>

     

    </body>


    </html>

    改成这个样子还是不对

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题