js練習2(24小時倒計時)

本文轉載自查看原文 2013-01-22 10:23 3343 getElementById/ innerHTML/ setInterval/ js

<html>
    <head>
        <title>24小時倒計時(時分秒)，帶暫停效果</title>
    </head>
    <body onload="init();">
        <div id="showDiv"></div>
        <input type="button" name="btn" id="click"/>
        <script>
            var time;    
            var showDiv=document.getElementById("showDiv");
            var btn=document.getElementById("click");
            var h=23;
            var m=59;
            var s=59;
            
            //沒有點擊開始按鈕的時候"showDiv"顯示24:00:00,並且btn顯示“開始”
            function init(){
                showDiv.innerHTML="24:00:00";
                btn.value="開始";
            }
            
            //如果點擊開始之后btn顯示"開始"
            btn.onclick=function(){
                if(btn.value=="開始"){
                    btn.value="暫停";
                    time=setInterval("run()",1000);
                }else{
                    btn.value="開始";
                    clearInterval(time);
                }
            }
            
            //進行倒計時顯示
            function run(){
                --s;
                if(s<0){
                    --m;
                    s=59;
                }
                if(m<0){
                    --h;
                    m=59
                }
                if(h<0){
                    s=0;
                    m=0;
                }
                showDiv.innerHTML=h+":"+m+":"+s;
            }
            
            
        </script>
    </body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 uniapp小程序24小時倒計時 JS小時倒計時 js倒計時 js倒計時 JS 實現倒計時功能（天，時，分，秒）,以及當天倒計時 JS實現倒計時(天數、時、分、秒) js簡易倒計時 JavaScript實現兩小時倒計時 js 10秒倒計時功能 JS 實現停止和繼續倒計時