倒計時(JS)

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>倒計時</title>
</head>
<body>
<div>
    <span id="day"></span>
    <span id="hms"></span>
</div><!--由於代碼是從上向下執行的-->
<script>
    function nowTime(a,b) {//形參
        var time = new Date();

        var t=time.getTime();//獲得當前和1970年1月1日相差的毫秒數
            time.setFullYear(2016,1,1);
            time.setHours(0,0,0,0);
        var tt=time.getTime();//獲得2016年1月1日之間相差的毫秒數
        var ttt=tt-t;//時間差
        var day=Math.floor(ttt/1000/60/60/24);//下舍入
        var hour=Math.floor((ttt-day*1000*60*60*24)/1000/60/60);
        var minutes=Math.floor((ttt-day*1000*60*60*24-hour*60*60*1000)/60/1000);
        minutes< 10 ? "0" + time.getMinutes() : time.getMinutes();//使其形式爲01,02這樣的
        var seconds=Math.floor((ttt-day*1000*60*60*24-hour*60*60*1000-minutes*60*1000)/1000);
        seconds< 10 ? "0" + time.getSeconds() : time.getSeconds();


    //alert(year+"年"+month+"月"+day+"日"+hour+":"+minutes+":"+seconds+"    "+"星期"+week)}
    document.getElementById(a).innerHTML=day+"天";
    document.getElementById(b).innerHTML=hour+"小時"+minutes+"分"+seconds+"秒";
    }
    nowTime("day","hms");//消除那一秒鐘的延遲
    window.setInterval(function(){nowTime("day","hms");},1000);//有一秒鐘的延遲
</script>
</body>
</html>
相關文章
相關標籤/搜索