求大神指导其中还有什么需要改进的地方

来源:8-17 编程练习

慕移动1741139

2017-08-17 10:23

<!DOCTYPE HTML>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>无标题文档</title>
   <script>
       setInterval(myfunction,5000);
       setInterval(bb,1000);
       var i =6;
       function bb() {
           i--;
               document.getElementById("demo").innerHTML=i;
       }
       function myfunction() {
           window.open('http://www.imooc.com/u/5679319/courses','_self','width=200,height=300')
       }
       function aa(){
           window.history.forward()
       }
   </script>
</head>
<body>
<h3>操作成功</h3>
<span id="demo">5</span>
<span id="demc">秒后回到主页</span>
<a href="" onclick="aa()">返回</a>
</body>
</html>

写回答 关注

4回答

  • 爱3
    2017-08-17 13:16:46
    已采纳

    个人观点:

    你用了两个计时器,一个用来-1计秒,一个用来5秒后跳转,题目的意思应该是只用一个计时器,当计秒到0后之前 跳转(结束计时器);而且你的计时器都是没有清除的

    慕移动174... 回复爱3

    嗯嗯 好的

    2017-08-17 15:58:10

    共 7 条回复 >

  • 慕圣9424722
    2017-08-20 18:12:55

     <body>

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

      <p>操作成功</p>

      <div>

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

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

      <a href="" onclick="Go()">返回</a>

      </div>

      <script type="text/javascript">  

       var t=5;

      function oStart(){

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

      t=t-1;

      if(t<0){

      window.location.assign("https://www.baidu.com")

      }

      setTimeout(oStart,1000)

      }

      oStart();

      function Go(){

      window.history.go(1)

      }

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

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

     </script> 


  • 我要SSR
    2017-08-17 17:45:24
     <body>
      <!--先编写好网页布局-->
      <h1>操作成功</h1>
      <div><span id="s">5</span>秒后回到主页 <a href="javascript:back()">返回</a></div>
     
      <script type="text/javascript">  
     var num=document.getElementById("s").innerHTML;
       //获取显示秒数的元素,通过定时器来更改秒数。
    function conn(){
        if(num>1){
            num--;
            document.getElementById("s").innerHTML=num;
        }
        else{
            location.assign("http://www.imooc.com");
        }
    }
       setInterval("conn()",1000);
       //通过window的location和history对象来控制网页的跳转。
       function back(){
           window.history.back();
       }
     </script> 
    </body>

    你也可以试试这个

    我要SSR

    你要计时器停止的话可以加个判断在0秒时清除计时器

    2017-08-17 17:50:12

    共 1 条回复 >

  • DF_Be_happy
    2017-08-17 12:00:48

    我觉得写的挺好的了。我不是专业的前端。

    <!DOCTYPE HTML>

    <html>

    <head>

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

       <title>无标题文档</title>

       <script>

          

           setInterval(bb,1000);

           var i =5;

           function bb() {

               i--;

               document.getElementById("demo").innerHTML=i;

                if(i<=0){

                        window.open('http://www.imooc.com/u/5679319/courses','_self','width=200,height=300')

               }

           }


           function aa(){

               window.history.forward()

           }

       </script>

    </head>

    <body>

    <h3>操作成功</h3>

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

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

    <a href="" onclick="aa()">返回</a>

    </body>

    </html>


    慕移动174...

    我等下试一下你这个代码,写的很精密

    2017-08-17 14:46:47

    共 1 条回复 >

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题