小編給大家分享一下小程序中倒計(jì)時怎么實(shí)現(xiàn),希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

在商城商品信息里,會有倒計(jì)時的功能。

計(jì)算時間需要轉(zhuǎn)化為時間戳,但是安卓和ios系統(tǒng)對于識別的時間格式是不一樣的,安卓對識別沒有要求。IOS格式要求 2018/08/20 10:20:32,使用Date.parse()轉(zhuǎn)化時間戳不會出現(xiàn)在IOS端無法倒計(jì)時。
timeFormat: function(param) { //小于10的格式化函數(shù)
return param < 10 ? '0' + param : param;
},
countDown: function() { //倒計(jì)時函數(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í)行一次倒計(jì)時函數(shù)
this.setData({
countDownList: countDownArr
})
setTimeout(this.countDown, 1000);
},看完了這篇文章,相信你對“小程序中倒計(jì)時怎么實(shí)現(xiàn)”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)頁題目:小程序中倒計(jì)時怎么實(shí)現(xiàn)-創(chuàng)新互聯(lián)
鏈接地址:http://www.chinadenli.net/article8/djdhip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站內(nèi)鏈、網(wǎng)站策劃、外貿(mào)網(wǎng)站建設(shè)、面包屑導(dǎo)航、響應(yīng)式網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容