新聞中心
這篇文章給大家分享的是有關(guān)微信小程序中如何動態(tài)顯示項(xiàng)目倒計(jì)時的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
具體內(nèi)容如下
1、展示的效果如下
2、wxml代碼:
僅剩{{clock}} 已經(jīng)截止
3、js代碼:
在拼團(tuán)項(xiàng)目中獲取到活動結(jié)束時間的格式為一下格式
因該格式無法正常計(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