獲取時間時分秒x顯示倒計時

/**

* 返回時間的天、時、分、秒

* param : 秒

*/

getHhmmss: function (time) {

time = parseInt(time);

if(time <= 0) time = 0;

var s = time >= 60 ? time%60 : time;

var m = parseInt((time>=3600?time%3600:time)/60);

var h = parseInt((time>=86400?time%86400:time)/3600);

var d = parseInt(time/86400);

h = h<10 ? '0'+h : h;

m = m<10 ? '0'+m : m;

s = s<10 ? '0'+s : s;

return {

d: d,

h: h,

m: m,

s: s

}

},

//倒計時

startCountDown:function(time,qg) {

//第一次顯示

varhms = this.getHhmmss(time);

qg.hh= hms.h;

qg.mm= hms.m;

qg.ss= hms.s;

qg.day= hms.d;

varinter =setInterval(() => {

time--;

varhms = Vue.utils.getHhmmss(time);

qg.hh= hms.h;

qg.mm= hms.m;

qg.ss= hms.s;

qg.day= hms.d;

if(time <=0) {

clearInterval(inter);

}

},1000);

},


//獲取客戶端指定時間的date對象

//例子1: getClientDate(10) - 獲得今天10:00:00的date

//例子2: getClientDate(9, 57) - 獲得今天9:57:00的date

//例子3: getClientDate(9, 57, 30) - 獲得今天9:57:30的date

//例子4: getClientDate(24 + 10) - 獲得明天10:00:00的date

// 例子5: getClientDate(24 + 9, 57) - 獲得明天9:57:00的date

getClientDate:function(hours,minutes,seconds) {

vard =newDate();

//設置小時

d.setHours(hours ||0);

//設置分鐘

d.setMinutes(minutes ||0);

//設置秒

d.setSeconds(seconds ||0);

//設置毫秒

d.setMilliseconds(0);

returnd;

},

//根據當前server系統時間將客戶端的時間轉換成server上的時間

//currentSystime - 當前server系統時間

//clientDate - 客戶端的時間

getServerDate: function(currentSystime, clientDate) {

var clientTime = new Date().getTime();

var gap = clientTime - currentSystime;

var serverDate = new Date(clientDate.getTime() - gap);

return serverDate;

},

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 創意新菜品:鯽魚黃燜香菇丁 所需食材:鯽魚、蒜末、姜末、蔥花、自制豆瓣、醬油、花椒、料酒、鹽 制作:鯽魚去鱗去內臟...
    深知綠葉閱讀 272評論 1 1
  • 悅圖文閱讀 164評論 0 3
  • 夏日, 繁花似錦, 香氣四溢, 尤愛那矢車菊優雅的芬芳, 和著夾帶陽光味道的暖風, 愜意的, 好似貓咪的尾巴, 一...
    如此就好閱讀 268評論 0 0
  • 31歲的生日,過得可笑至極。 這個我相處了五年的男人,用他特有的方式給了我這個難忘的生日。 生日的前奏很美好,晚餐...
    做夢都想紅閱讀 408評論 0 4