JQuery仿小米手機搶購頁面倒數計時效果

JQuery仿小米手機搶購頁面倒數計時效果_jquery

WBOY

發布： 2016-05-16 16:26:28

原創

1658 人瀏覽過

1、效果及功能說明

透過對時間的控制來告訴使用者一個活動還剩多少時間，精確到秒。

2、實現原理

先定義活動的截至的時間，要重年份精確到毫秒，在獲得當前的年份到秒鐘，在用截至時間，減去現在的時間，剩下的還有多少的時間就把還剩下的時間給顯示出來就得出了離截止日期還有多久。

主要代碼

複製程式碼程式碼如下:

var startTime = new Date();

//取得當前的時間

startTime.setFullYear(2016, 5, 27);

//呼叫設定年份

startTime.setHours(23);

//呼叫設定指定的時間的小時欄位

startTime.setMinutes(59);

//呼叫設定指定時間的分鐘欄位

startTime.setSeconds(59);

//呼叫設定指定時間的秒鐘欄位

startTime.setMilliseconds(999);

//呼叫置指定時間的毫秒欄位

var EndTime=startTime.getTime();

//取得截至的時間

var nMS = EndTime - NowTime.getTime();

//截至時間減去目前時間取得剩餘時間

var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));

//定義參數 取得天數

var nH = Math.floor(nMS/(1000*60*60)) % 24;

//定義參數 獲得小時

var nM = Math.floor(nMS/(1000*60)) % 60;

//定義參數 獲得分鐘

var nS = Math.floor(nMS/1000) % 60;

//定義參數 取得一秒鐘 這些就是當前時間