不知道问题出在哪里

来源:8-17 编程练习

qq_慕斯_2

2016-03-10 00:51

自己看不出来还是没看出来到底哪里出了问题,求解惑

写回答 关注

4回答

  • ZhouJT
    2016-03-10 10:56:52
    已采纳

    你要求还真多:

    <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

     <body>

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

      <h2>操作成功</h2>

      <p><span>5</span>秒后回到主页<a href="javascript:history.go(-1)">返回</a></p> 

      <script type="text/javascript">  

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

        function open(){

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

        }

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

      var time = document.getElementsByTagName('span')[0].innerHTML;

      function timer(){

        time = time-1;   

        document.getElementsByTagName('span')[0].innerHTML = time; 

        if(time < 1)open();   

      }

      setInterval(timer,1000);

     </script> 

    </body>

    </html>

    qq_慕斯_...

    perfect!

    2016-03-10 11:04:47

    共 1 条回复 >

  • 洛上千栀
    2016-03-12 22:10:04

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title></title>

    </head>

    <body>

    <h1>操作成功</h1>

    <div class="kaka">

    <span id="sp">

    </span>

    秒之后返回主页面

    </div>

    <script type="text/javascript">

    var b=5;

    document.getElementById("sp").innerHTML=b;

    function a(){

    document.getElementById("sp").innerHTML=b;

    if(b==0){

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

    }

    else{

    b--;

    }

    }

    setInterval("a()",1000);

    </script>

    </body>

    </html>

    你要的动态效果

  • ZhouJT
    2016-03-10 09:14:46

    那就这样:

    <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

     <body>

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

      <h2>操作成功</h2>

      <p><span>5</span>秒后回到主页<a href="javascript:history.go(-1)">返回</a></p> 

      <script type="text/javascript">  

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

        function open(){

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

        }

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

      var time = document.getElementsByTagName('span')[0].innerHTML;

      setTimeout(open,time+'000');

     </script> 

    </body>

    </html>

    qq_慕斯_...

    先给个赞,效果是实现了;不过页面上那个数字是需要显现递减到1后然后跳转的呢,要不然用户体验不是太差了嘛。

    2016-03-10 09:31:38

    共 1 条回复 >

  • ZhouJT
    2016-03-10 02:10:17

    骚年  你搞得太复杂了!

    <!DOCTYPE html>
    <html>
     <head>
      <title>浏览器对象</title> 
      <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>  
     </head>
     <body>
      <!--先编写好网页布局-->
      <h2>操作成功</h2>
      <p>5秒后回到主页<a href="javascript:history.go(-1)">返回</a></p>
      <script type="text/javascript">  
          //通过window的location和history对象来控制网页的跳转。

        function open(){
            window.location('http://www.imooc.com');   
        }

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

      setTimeout(open,1000);
     </script>
    </body>
    </html>

    qq_慕斯_...

    你这个实现不了要求的效果额,要获取那个5秒,倒计时到1过后自动跳转页面

    2016-03-10 09:03:30

    共 1 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题