uniapp電商小程序?qū)崿F(xiàn)訂單30分鐘倒計(jì)時(shí)
更新時(shí)間：2020年11月01日 16:50:50 作者：yehaocheng520
這篇文章主要為大家詳細(xì)介紹了uniapp電商小程序?qū)崿F(xiàn)訂單30分鐘倒計(jì)時(shí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了uniapp實(shí)現(xiàn)訂單30分鐘倒計(jì)時(shí)的具體代碼，供大家參考，具體內(nèi)容如下
倒計(jì)時(shí)函數(shù)如下：
// cm 參數(shù)是截至?xí)r間-當(dāng)前時(shí)間
// 截至?xí)r間是后臺(tái)返回的數(shù)據(jù)，當(dāng)前時(shí)間通過new Date() 的方式進(jìn)行獲取
runBack(cm) {
if (cm > 0) {
// 如果時(shí)間是超過1分鐘，則需要展示的樣式是： x分x秒，如果是小于1分鐘，則是 00分x秒
cm > 60000
? (this.rocallTime =
(new Date(cm).getMinutes() < 10
? "0" + new Date(cm).getMinutes()
: new Date(cm).getMinutes()) +
":" +
(new Date(cm).getSeconds() < 10
? "0" + new Date(cm).getSeconds()
: new Date(cm).getSeconds()))
: (this.rocallTime =
"00:" +
(new Date(cm).getSeconds() < 10
? "0" + new Date(cm).getSeconds()
: new Date(cm).getSeconds()));
let _msThis = this;
// 使用setTimeout倒計(jì)時(shí)，1秒后，重復(fù)調(diào)用此函數(shù)。，直到cm =0為止，跳出這個(gè)函數(shù)
setTimeout(function() {
cm -= 1000;
_msThis.runBack(cm);
}, 1000);
} else {
this.ispay = false
}
},
如果只是一個(gè)單純的倒計(jì)時(shí)，可以通過setInterval進(jìn)行處理，
let time = 1800;
setInterval(function(){
time=time-1;
var minute=parseInt(time/60);
var second=parseInt(time%60);
console.log('還剩'+minute+'分'+second+'秒');
},1000);
如果上面的這個(gè)倒計(jì)時(shí)函數(shù)放在頁面的onload函數(shù)中，則每次這個(gè)頁面加載，比如重新加載小程序的時(shí)候，都會(huì)進(jìn)行30分鐘倒計(jì)時(shí)，而我們想要的是，從下訂單的那一刻開始進(jìn)行的30分鐘倒計(jì)時(shí)，所以，還是需要用第一種方式來進(jìn)行處理。截至日期由后臺(tái)返給的方式來。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Javascript 在瀏覽器中的性能問題，可能是最重要的可用性問題;Js的阻塞性 瀏覽器用單一進(jìn)程來處理UI進(jìn)程和Js的執(zhí)行;不管是內(nèi)嵌的還是外鏈的，下載并立即執(zhí)行 因?yàn)樗锌赡軙?huì)修改頁面2012-12-12
基于JavaScript實(shí)現(xiàn)輪播圖原理及示例
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)輪播圖原理及示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
js純數(shù)字逐一停止顯示效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s純數(shù)字逐一停止顯示效果的實(shí)現(xiàn)代碼。小編覺得非常不錯(cuò)。現(xiàn)在分享給大家。給大家一個(gè)參考2016-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序上傳圖片到php服務(wù)器的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
根據(jù)分辯率調(diào)用不同的CSS....2007-01-01
JavaScript使用Proxy編寫一個(gè)取值限制器
最近一直在開發(fā)低代碼平臺(tái)的東西,由于項(xiàng)目里面東西有點(diǎn)多,取值或調(diào)用起來比較麻煩,使用本文就將使用Proxy編寫一個(gè)取值限制器,需要的小伙伴可以參考下2023-12-12
這篇文章是小編日常收集整理的有關(guān)bootstrap?常用組件包括Bootstrap?面板（Panels），Bootstrap?多媒體對象（Media?Object）知識(shí)，非常不錯(cuò)，需要的朋友參考下吧2017-03-03
Electron無邊框自定義窗口拖動(dòng)的問題小結(jié)
最近使用了electron框架,發(fā)現(xiàn)如果自定義拖動(dòng)是比較實(shí)用的;特別是定制化比較高的項(xiàng)目,如果單純的使用-webkit-app-region:?drag;會(huì)讓鼠標(biāo)事件無法觸發(fā),這篇文章主要介紹了Electron無邊框自定義窗口拖動(dòng)的問題小結(jié),需要的朋友可以參考下2024-04-04
這篇文章主要介紹了iconfont的三種使用方式,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了JS數(shù)組扁平化、去重、排序操作,結(jié)合實(shí)例形式詳細(xì)分析了JS數(shù)組扁平化、去重、排序等相關(guān)操作原理、實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2020-02-02