为了账号安全,请及时绑定邮箱和手机立即绑定

想加一个停止倒计时的按键

加了一个停止按键  但是不好使 求大神指教


<!DOCTYPE html>

<html>

 <head>

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

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

 </head>

 <body>

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

  <h2>操作成功</h2>

  <span id="count">5</span>秒后回到主页<a href="javascript" onclick="goBack()">返回</a>

  <a href="javascript" onclick="stopTimeout()">停止倒计时</a>

  <script type="text/javascript">  


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

   var num = 5

   function startCount() {

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

    num=num-1;

    var tt=setTimeout("startCount()",1000) ;

    if(num==0){

        clearTimeout(tt);

        window.location.replace("https://www.imooc.com/");

    }

  }

  startCount();

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

     function goBack(){ 

     window.history.go(-1);

    }

     function stopTimeout(){

      clearTimeout(tt); 

    } 


  

 </script> 

</body>

</html>


正在回答

1 回答

自己解决了


<!DOCTYPE html>

<html>

 <head>

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

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

 </head>

 <body>

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

  <h2>操作成功</h2>

  <span id="count">10</span>秒后回到主页<a href="javascript" onclick="goBack()">返回</a>

  <input type="button" value="stop" onclick="stopCount()">

  <input type="button" value="start" onclick="startCount()">

  <script type="text/javascript">  


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

   var num = 10;

   var tt;

   function startCount() {

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

    num=num-1;

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

    if(num==0){

        clearTimeout(tt);

        window.location.replace("https://www.imooc.com/");

    }

  }

  startCount();

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

     function goBack(){ 

     window.history.go(-1);

    }

     function stopCount(){

      clearTimeout(tt); 

    } 


  

 </script> 

</body>

</html>


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

想加一个停止倒计时的按键

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信