1. 程式人生 > >js秒數倒計時

js秒數倒計時

 

<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>倒計時</title>
        <script type="text/javascript">
            function init(){
                cutdowns("a",4342);
            }
            //秒數轉時分秒格式並進行倒計時
            function cutdowns(divId,value){
                var hour,minu,secd;
                window.setInterval(function(){
                    value--;
                    var secondTime = parseInt(value);// 秒
                    var minuteTime = 0;// 分
                    var hourTime = 0;// 小時
                    if(secondTime > 60) {//如果秒數大於60,將秒數轉換成整數
                        //獲取分鐘,除以60取整數,得到整數分鐘
                        minuteTime = parseInt(secondTime / 60);
                        //獲取秒數,秒數取佘,得到整數秒數
                        secondTime = parseInt(secondTime % 60);
                        //如果分鐘大於60,將分鐘轉換成小時
                        if(minuteTime > 60) {
                            //獲取小時,獲取分鐘除以60,得到整數小時
                            hourTime = parseInt(minuteTime / 60);
                            //獲取小時後取佘的分,獲取分鐘除以60取佘的分
                            minuteTime = parseInt(minuteTime % 60);
                        }
                    }
                    var result = "" + parseInt(secondTime);
                    if(minuteTime > 0) {
                        result = "00:" + parseInt(minuteTime) + ":" + result;
                    }
                    if(hourTime > 0) {
                        result = "" + parseInt(hourTime) + ":" + result.substring(3,result.length);
                    }
                    //console.log(result);
                    //$("#"+divId).html(result);
                    document.getElementById(divId).innerHTML=result;
                    if(value<=0){
                        console.log('時間到!');
                        clearInterval(cutdowns(divId,value));
                    }
                },1000);
            }
                
        </script>
    </head>
    <body onload="init()">
        <div id="a">asdf</div>
    </body>
</html>

 


先貼程式碼為敬。根據秒數進行時間格式的調整並進行倒計時。