倒计时很快,感觉不是1秒1秒的减少

来源:8-17 编程练习

慕斯卡2336669

2018-11-14 22:09

<!DOCTYPE html>

<html>

 <head>

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

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

 </head>

 <body>

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

  <h2>操作成功</h2>

 

  <p><span id="second">5</span>秒后回到主页&nbsp;&nbsp;<a href="javascript:webback()">返回</a></p>

 

  <script type="text/javascript">  

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

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

//   function clock()

//   {

       

//       if(num>0)

//       {

           

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

//          num-=1;

//           setTimeout("clock()",1000);

//       }

//       else

//       {

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

//       }

       

//

//}

// window.onload=function()

//   {

//       clock();

//   } 


function clock(){

    num-=1;

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

    

    if(num==0)

    {

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

    }

}


setInterval("clock()",1000);

   

   

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

   function webback()

   {

       window.history.go(-1); 

   }

 </script> 

</body>

</html>


这是我的代码,请大家帮忙看一下

写回答 关注

4回答

  • 慕先生0274537
    2018-11-16 14:45:00
    已采纳

    这是因为是在慕课网内置编辑器执行代码,浏览器也会执行倒计时,一秒减两次.直接保存到文件里,用浏览器打开就正常了

  • qq_慕盖茨8361330
    2018-12-08 00:39:11

    感觉这代码好多了 其他那几个答案的 怎么和学的都不太一样 看的脑阔疼

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

    你把代码单独放一个页面就正常了

  • 慕丝0414530
    2018-11-16 15:00:17

    我把你的代码复制到编辑器里没有出现你的问题

    慕娘8471...

    想问大家都用的什么编辑器啊,哪个好用啊

    2018-11-20 09:41:00

    共 1 条回复 >

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题