js 時間倒計時

<!DOCTYPE HTML>
<html>
<head>
<title>倒計時</title>
<meta charset=UTF-8 />
<style type="text/css">
#div {
    color: #A22900;
    font-size: 20px;
}
</style>
<script type="text/javascript">
    var countdown = function ()
    {
        var reg = /^\d{2}$/;
        var ending = new Date ("2016-7-6 11:40:00");
        var now = new Date;
        if (now >= ending)
        {
            clearTimeout(this.timeout);
            div.innerHTML = "計時完成";
            return;
        }
		// 結束時間減去參數時間
        var disc = ending - now;
        var day = parseInt (disc / 1000 / 60 / 60 / 24);
        var hour = parseInt (disc / 1000 / 60 / 60 % 24);
        hour = !reg.test(hour) ? "0" + hour : hour;
        var minute = parseInt (disc / 1000 / 60 % 60);
        minute = !reg.test(minute) ? "0" + minute : minute;
        var second = parseInt (disc / 1000 % 60);
        second = !reg.test(second) ? "0" + second : second;
        div.innerHTML = "距離結束時間<br / >" + day + "天" + hour + ":" + minute + ":" + second;
        this.timeout = setTimeout (countdown, 1000);
    }
     
    onload = countdown;
</script>
</head>
<body>
    <div id="div"></div>
</body>
</html>

發佈了38 篇原創文章 · 獲贊 17 · 訪問量 17萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章