這篇文章給大家分享的是有關(guān)微信小程序中如何動(dòng)態(tài)顯示項(xiàng)目倒計(jì)時(shí)的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)建站網(wǎng)站設(shè)計(jì)，為客戶量身定制各類網(wǎng)站建設(shè)業(yè)務(wù)，包括企業(yè)型、電子商務(wù)型、響應(yīng)式網(wǎng)站開發(fā)、行業(yè)門戶型等各類網(wǎng)站，實(shí)戰(zhàn)經(jīng)驗(yàn)豐富，成功案例眾多。以客戶利益為出發(fā)點(diǎn)，創(chuàng)新互聯(lián)建站網(wǎng)站制作為客戶規(guī)劃、按需網(wǎng)站設(shè)計(jì)符合企業(yè)需求、帶有營(yíng)銷價(jià)值的網(wǎng)絡(luò)建站方案認(rèn)真對(duì)待每一個(gè)客戶，我們不用口頭的語言來吹擂我們的優(yōu)秀，千余家的成功案例見證著我們的成長(zhǎng)。

具體內(nèi)容如下

1、展示的效果如下

2、wxml代碼：

僅剩{{clock}}
已經(jīng)截止

3、js代碼：

在拼團(tuán)項(xiàng)目中獲取到活動(dòng)結(jié)束時(shí)間的格式為一下格式

因該格式無法正常計(jì)算時(shí)長(zhǎng)，所進(jìn)行了格式轉(zhuǎn)換new Date(that.data.collage.collage_end).getTime()

// 倒計(jì)時(shí)
function countdown(that) {
 var EndTime = new Date(that.data.collage.collage_end).getTime() || [];
 // console.log(EndTime);
 var NowTime = new Date().getTime();
 var total_micro_second = EndTime - NowTime || [];  //單位毫秒
 if (total_micro_second < 0) {
  // console.log('時(shí)間初始化小于0，活動(dòng)已結(jié)束狀態(tài)');
  total_micro_second = 1;   //單位毫秒 ------ WHY？
 }
 // console.log('剩余時(shí)間：' + total_micro_second);
 // 渲染倒計(jì)時(shí)時(shí)鐘
 that.setData({
  clock: dateformat(total_micro_second)  //若已結(jié)束，此處輸出'0天0小時(shí)0分鐘0秒'
 });
 if (total_micro_second <= 0) {
  that.setData({
   clock: "已經(jīng)截止"
  });
  return;
 }
 setTimeout(function () {
  total_micro_second -= 1000;
  countdown(that);
 }
  , 1000)
}
 
// 時(shí)間格式化輸出，如11天03小時(shí)25分鐘19秒 每1s都會(huì)調(diào)用一次
function dateformat(micro_second) {
 // 總秒數(shù)
 var second = Math.floor(micro_second / 1000);
 // 天數(shù)
 var day = Math.floor(second / 3600 / 24);
 // 小時(shí)
 var hr = Math.floor(second / 3600 % 24);
 // 分鐘
 var min = Math.floor(second / 60 % 60);
 // 秒
 var sec = Math.floor(second % 60);
 return day + "天" + hr + "小時(shí)" + min + "分鐘" + sec + "秒";
}
Page({
  onLoad: function(options) {
    wx.request({
      success: function(request) {
        // 倒計(jì)時(shí)(獲取結(jié)束時(shí)間后再進(jìn)行倒計(jì)時(shí)方法調(diào)用)
        countdown(that);
      }
    })
  }  
})

感謝各位的閱讀！關(guān)于“微信小程序中如何動(dòng)態(tài)顯示項(xiàng)目倒計(jì)時(shí)”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！