|
導(dǎo)讀微信小程序，簡稱小程序，英文名Mini Program，是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用，也是一... 微信小程序，簡稱小程序，英文名Mini Program，是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用，也是一項門檻非常高的創(chuàng)新，經(jīng)過將近兩年的發(fā)展，已經(jīng)構(gòu)造了新的小程序開發(fā)環(huán)境和開發(fā)者生態(tài)。 本篇文章給大家?guī)淼膬?nèi)容是關(guān)于微信小程序中倒計時的實現(xiàn)代碼，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。在商城商品信息里，會有倒計時的功能。
計算時間需要轉(zhuǎn)化為時間戳，但是安卓和ios系統(tǒng)對于識別的時間格式是不一樣的，安卓對識別沒有要求。IOS格式要求 2018/08/20 10:20:32，使用Date.parse()轉(zhuǎn)化時間戳不會出現(xiàn)在IOS端無法倒計時。 timeFormat: function(param) { //小于10的格式化函數(shù)
return param < 10 ? '0' + param : param;
},
countDown: function() { //倒計時函數(shù)
// 獲取當(dāng)前時間，同時得到活動結(jié)束時間數(shù)組
let newTime = Date.parse(new Date());
let endTimeList = this.data.actEndTimeList;
let countDownArr = [];
// 對結(jié)束時間進(jìn)行處理渲染到頁面
endTimeList.forEach(o => {
var strtime = o.replace(/-/g, '/');
strtime = strtime.substring(0, 19);
let endTime = new Date(strtime).getTime();
let obj = null;
// 如果活動未結(jié)束，對時間進(jìn)行處理
if (endTime - newTime > 0) {
let time = (endTime - newTime) / 1000;
// 獲取天、時、分、秒
let day = parseInt(time / (60 * 60 * 24));
let hou = parseInt(time % (60 * 60 * 24) / 3600);
let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
obj = {
day: this.timeFormat(day),
hou: this.timeFormat(hou),
min: this.timeFormat(min),
sec: this.timeFormat(sec)
}
} else { //活動已結(jié)束，全部設(shè)置為'00'
obj = {
day: '00',
hou: '00',
min: '00',
sec: '00'
}
}
countDownArr.push(obj);
})
// 渲染，然后每隔一秒執(zhí)行一次倒計時函數(shù)
this.setData({
countDownList: countDownArr
})
setTimeout(this.countDown, 1000);
},相關(guān)推薦： 基于JS實現(xiàn)的倒計時程序?qū)嵗齙javascript技巧 jQuery團(tuán)購倒計時特效實現(xiàn)方法_jquery 以上就是微信小程序中倒計時的實現(xiàn)代碼的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！ 小程序是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應(yīng)用。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發(fā)布的Win7純凈版系統(tǒng)、Win10純凈版和XP純凈版系統(tǒng)僅為個人學(xué)習(xí)測試使用，請在下載后24小時內(nèi)刪除，不得用于任何商業(yè)用途，否則后果自負(fù)，請支持購買微軟正版軟件！
本站所有資源全部來自于網(wǎng)絡(luò)資源,如侵犯到您的權(quán)益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風(fēng)下載站
