为什么不倒计时啊

来源:8-17 编程练习

亦菲大魔王

2018-11-07 13:51

<!DOCTYPE html>

<html>

 <head>

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

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

   <style>

   #txt1{

    color:black;

font-size:20px;

font-weight:bold;

   }

   #txt2{

   font-size:18px;

   }

   </style>  

 </head>

 <body>

   <div>

     <span id="txt1">操作成功<br/><br/></span>

    <span id="txt2"><span id="count">5</span>秒后回到主页<a href="javascript:window.history.back()" id="back">返回</a></span>

   </div>

  

 

  <script type="text/javascript">  

   ;

  function startCount(){

    var num=5;

var i;

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

    num=num-1;

    if(num==0){

     clearTimeout(i);

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

  }

else{

        i=setTimeout("startCount()",1000);

}

  }


 </script> 

</body>

</html>


写回答 关注

3回答

  • fqvdef
    2018-11-13 16:13:08

    你得调用啊,不掉用怎么行

  • 珂玮
    2018-11-13 09:09:42

    计时函数没用被调用。

    两种修改方法:

    1、给body标签添加属性:

    <body onload="startCount()">

    2、使用setInterval方法。


  • qq_呆檬_3
    2018-11-07 14:55:48

    var num=5;


    var i=setInterval("fun()",2000);

    function fun(){

    if(i==0){

    window.location.href=("www.imooc.com")

    clearInterval(i);

    }

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

    i--;

    }


JavaScript进阶篇

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

468726 学习 · 22053 问题

查看课程

相似问题