有關JS代碼實現倒計時功能的教程

一、將獲得的毫秒數轉換成具體的時間

var unixTimestamp = new Date( 1477386005*1000 ) ;
commonTime = unixTimestamp.toLocaleString();
document.write(commonTime);

轉換成想要的格式

Date.prototype.toLocaleString = function() {
          return this.getFullYear() + "年" + (this.getMonth() + 1) + "月" + this.getDate() + "日 " + this.getHours() + "點" + this.getMinutes() + "分" + this.getSeconds() + "秒";
    };

二、UTC() 方法可根據世界時返回 1970 年 1 月 1 日 到指定日期的毫秒數。不過要註意時差。比如北京時間比這個的時間快8個小時。其中month是0-11;對於星期來說,0代表星期日,其餘正常表示

Date.UTC(year,month,day,hours,minutes,seconds,ms);

自己寫的倒計時代碼

script部分

var maxTime = Date.UTC(2017,11,26,9,0,0,0);
    var unixTimestamp = new Date( maxTime ) ;
    commonTime = unixTimestamp.toLocaleString();
    document.write("距離"+commonTime+"還有:");
function djs() {
        //北京時間比UTC快8個小時
        var maxTime = Date.UTC(2017,11,26,9,0,0,0);

//        var unixTimestamp = new Date( maxTime ) ;
//        commonTime = unixTimestamp.toLocaleString();
//        document.write(commonTime);
        var now = new Date().getTime();
        var cha = (maxTime - now)/1000;
        if (cha >= 0) {
            var day = Math.floor(cha / 3600 / 24);
            var hour =  Math.floor((cha / 3600) % 24);
            var minutes = Math.floor((cha / 60) % 60);
            var seconds = Math.floor(cha % 60);
        }
        document.getElementById("ms").innerHTML = day+"天"+hour +"時"+minutes+"分"+seconds+"秒";

    }
    setInterval("djs();",1000);

body部分

<p id="ms"></p>

You May Also Like