1. 程式人生 > >js 設定時間戳,進行倒計時。比如距離活動結束時間等等

js 設定時間戳,進行倒計時。比如距離活動結束時間等等

<html>  
<head>  
    <meta charset="UTF-8">  
    <title>js簡單時分秒倒計時</title>  
    <script type="text/javascript">  
        function countTime() {  
            //獲取當前時間  
            var date = new Date();  
            var now = date.getTime();  
            //設定截止時間  
            var str="2017/5/17 00:00:00";
            var endDate = new Date(str); 
            var end = endDate.getTime();  
            
            //時間差  
            var leftTime = end-now; 
            //定義變數 d,h,m,s儲存倒計時的時間  
            var d,h,m,s;  
            if (leftTime>=0) {  
                d = Math.floor(leftTime/1000/60/60/24);  
                h = Math.floor(leftTime/1000/60/60%24);  
                m = Math.floor(leftTime/1000/60%60);  
                s = Math.floor(leftTime/1000%60);                     
            }  
            //將倒計時賦值到div中  
            document.getElementById("_d").innerHTML = d+"天";  
            document.getElementById("_h").innerHTML = h+"時";  
            document.getElementById("_m").innerHTML = m+"分";  
            document.getElementById("_s").innerHTML = s+"秒";  
            //遞迴每秒呼叫countTime方法,顯示動態時間效果  
            setTimeout(countTime,1000);  
  
        }  
    </script>  
</head >  
<body onload="countTime()" >  
    <div>  
        <span id="_d">00</span>  
        <span id="_h">00</span>  
        <span id="_m">00</span>  
        <span id="_s">00</span>  
    </div>  
</body>  
</html>