不知道错在哪儿了 求大神解答TAT

来源:8-17 编程练习

July404

2019-10-10 12:20

<!DOCTYPE html>

<html>


<head>

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

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

</head>


<body>

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

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

    <span id="ms">5</sapn>秒后回到主页&nbsp;<a href="#" onclick="goBack()">返回</a>

 

  <script type="text/javascript">  

 

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

   var num=6;

    function clock()

    {

        document.getElementById("ms").innerHTML=num-1;

    }

    num--;

    setInterval("clock()",1000);

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

   function goBack()

   {

       window.history.back;

   }

 </script> 

</body>

</html>


写回答 关注

2回答

  • qq_慕慕947699
    2019-10-10 16:39:19
    已采纳
    <body onload="clock()">  
    <!--先编写好网页布局-->  
    <h3><b>操作成功</b></h3>  
    <!-- <span id="ms">5</sapn> 标签写错了 -->  
    <span id="ms">5</span>秒后回到主页&nbsp;<a href="#" onclick="goBack()">返回</a>    
    <script type="text/javascript">      
    //获取显示秒数的元素,通过定时器来更改秒数。      
    var num = 6;      
    function clock() {        
    // document.getElementById("ms").innerHTML=num-1;--> 写了num-- 以后不需要写这个        
    num--;        
    document.getElementById("ms").innerHTML = num;                
    if (num == 0) {          
    window.location.replace('http://www.baidu.com')          
    return;        
    }        
    // num--;挪进方法里边        
    setTimeout("clock()", 1000);               
    }      
    //通过window的location和history对象来控制网页的跳转。      
    function goBack() {        
    // window.history.back===>要加括号调用;        
    window.history.back();      
    }    
    </script>
    </body>

    然后如果你要看setIterval的写法可以参考我上一个回答,

    setTimeout:是从现在算起多少ms后运行该代码(只运行一次),执行完销毁重新创建,至始至终只有一个存在
    setInterval:是每隔多少ms运行一次代码,这个代码会不断的执行的,不清楚继续使用会出现出现多个定时器一起计时

    Jenife...

    请问if后面的return的作用是什么?

    2020-05-12 14:12:24

    共 1 条回复 >

  • qq_慕慕947699
    2019-10-10 16:22:58
    <!DOCTYPE html>
    <html> 
    <head>  
    <title>浏览器对象</title>    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    
    </head> 
    <body onload="timerb()">  
    <!--先编写好网页布局-->  
    <h3>操作成功</h3>  
    <p id="p1"></p>  
    <button onclick="goBack()">返回</button>     
    <script type="text/javascript">      
        //获取显示秒数的元素,通过定时器来更改秒数。   
        var num = 10;    
        var timer = null;    
        function timerb() {      
            document.getElementById('p1').innerHTML = num + '秒后跳到首页'      
            num--;      
            if (!timer) {        
                timer = setInterval("timerb()", 1000)     
             }      
             if (num === 0) {        
                 timer = null;        
                 location.replace('http://www.baidu.com')      
             }    
         }    
         //通过window的location和history对象来控制网页的跳转。   
         function goBack(){       
             window.history.back()   
         } 
     </script> 
     </body>
     </html>


JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题