快捷導(dǎo)航

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)返給的方式來。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

three.js中多線程的使用及性能測(cè)試詳解
這篇文章主要給大家介紹了關(guān)于three.js中多線程的使用及性能測(cè)試的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01
js中eval()函數(shù)和trim()去掉字符串左右空格應(yīng)用
對(duì)于js中eval()函數(shù)的理解和寫一個(gè)函數(shù)trim()去掉字符串左右空格;對(duì)于js中eval()函數(shù)的理解是本人心得不一定正確,感興趣的朋友參考下，或許對(duì)你學(xué)習(xí)eval()函數(shù)有所幫助
2013-02-02
原生JavaScript實(shí)現(xiàn)簡(jiǎn)單的圖形驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了如何利用原生JavaScript實(shí)現(xiàn)簡(jiǎn)單的圖形驗(yàn)證碼,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,感興趣的小伙伴可以參考下
2023-11-11
微信小程序?qū)崿F(xiàn)canvas分享朋友圈海報(bào)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)canvas分享朋友圈海報(bào)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-06-06
JavaScript實(shí)現(xiàn)復(fù)制圖片功能的方法示例
本文主要介紹了在JavaScript中實(shí)現(xiàn)復(fù)制圖片的方法,先介紹了實(shí)現(xiàn)復(fù)制的前置知識(shí),包括傳統(tǒng)的 execCommand 方法及其優(yōu)缺點(diǎn)和 Clipboard API,然后詳細(xì)闡述了如何將不同形式的圖片轉(zhuǎn)化為blob對(duì)象并通過Clipboard API實(shí)現(xiàn)復(fù)制,還提及了兼容性問題及預(yù)覽、下載圖片的實(shí)現(xiàn)思路
2025-03-03
圖片懶加載插件實(shí)例分享（含解析）
本文主要介紹了圖片懶加載插件，函數(shù)節(jié)流的應(yīng)用以及函數(shù)節(jié)流具體的好處、常用的場(chǎng)景。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
JS利用中介模式開發(fā)全局控制器
這篇文章主要為大家介紹了JS利用中介模式開發(fā)全局控制器圖文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-09-09
JS實(shí)現(xiàn)基數(shù)排序的示例代碼
基數(shù)排序是一種根據(jù)數(shù)字位數(shù)的值,對(duì)整數(shù)進(jìn)行排序的算法,本文主要介紹了JS實(shí)現(xiàn)基數(shù)排序的示例代碼,具有一定的參考價(jià)值,感興趣的可以了解一下
2023-12-12
JavaScript中forEach和map的使用場(chǎng)景
本文JavaScript中forEach和map的使用場(chǎng)景，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-05-05
解析Json字符串的三種方法日常常用
下面將介紹日常中使用的三種解析json字符串的方法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2018-05-05