美文网首页
分倒计时js

分倒计时js

作者: 森森deHOME | 来源:发表于2020-07-03 16:19 被阅读0次
    <!DOCTYPE HTML>
    <html>
    <head>
      <title> 倒计时 </title>
      <meta  charset="utf-8">
      <script type="text/javascript">
        window.onload = function(){
          var m =1;  //分
          var s = 59;  //秒
          var countdown = document.getElementById("title");
          getCountdown();
          setInterval(function(){ getCountdown() },1000);
          function getCountdown (){
            countdown.innerHTML = "<span>"+m+"</span> :<span>"+s+"</span>";
            if( m == 0 && s == 0 ){
              alert("倒计时结束");
              m = 9;
              s = 59;
            }else if( m >= 0 ){
              if( s > 0 ){
                s--;
              }else if( s == 0 ){
                m--;
                s = 59;
              }
            }
          }
        }
      </script>
    </head>
    <body>
    <h1>倒计时</h1>
    <div id="title"></div>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:分倒计时js

          本文链接:https://www.haomeiwen.com/subject/hqgsqktx.html