日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
微信小程序中如何動態(tài)顯示項(xiàng)目倒計(jì)時-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)專注于攀枝花企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城系統(tǒng)網(wǎng)站開發(fā)。攀枝花網(wǎng)站建設(shè)公司,為攀枝花等地區(qū)提供建站服務(wù)。全流程定制開發(fā),專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

具體內(nèi)容如下

1、展示的效果如下

微信小程序中如何動態(tài)顯示項(xiàng)目倒計(jì)時

2、wxml代碼:


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

3、js代碼:

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

微信小程序中如何動態(tài)顯示項(xiàng)目倒計(jì)時

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

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

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。


分享名稱:微信小程序中如何動態(tài)顯示項(xiàng)目倒計(jì)時-創(chuàng)新互聯(lián)
文章鏈接:http://www.dlmjj.cn/article/jijde.html