微信小程序日期增加時(shí)間完成訂單失效倒計(jì)時(shí)效果
效果圖

.wxml
<view class="TimeSeond">{{second}}</view>.js
Page({
data: {
tiem_one:'',
second:'',//倒計(jì)時(shí)
deadline:'',
},
onLoad(){
this.countdown();
},
countdown(){
let timestamp = Date.parse(new Date()) / 1000;//當(dāng)前時(shí)間戳
let time = this.addtime('2024-4-19 17:20:00');//當(dāng)前時(shí)間轉(zhuǎn)時(shí)間戳
if(time > timestamp){
this.deadline = (time - timestamp) * 1000
this.setData({
deadline:this.deadline
})
this.single()
}else{
that.setData({
second:'00:00'
})
}
},
addtime(time){
let date = new Date(time);
let minutes = date.getMinutes();
date.setMinutes(minutes+30);//增加三十分鐘
return Date.parse(date) / 1000;
},
single(e){
var that = this
var time = that.deadline,minutes,seconds;
that.tiem_one = setInterval(function() {
time = time - 1000
minutes = parseInt((time % (1000 * 60 * 60)) / (1000 * 60));
seconds = parseInt((time % (1000 * 60)) / 1000);
if (time < 1) {
that.setData({
second:'00:00'
})
clearInterval(that.tiem_one)
return false
}
minutes = minutes > 9 ? minutes : '0' + minutes
seconds = seconds > 9 ? seconds : '0' + seconds
that.setData({
second:minutes + ':' + seconds
})
},1000)
},
})到此這篇關(guān)于微信小程序日期增加時(shí)間完成訂單失效倒計(jì)時(shí)的文章就介紹到這了,更多相關(guān)小程序訂單失效倒計(jì)時(shí)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
使用typescript快速開發(fā)一個(gè)cli的實(shí)現(xiàn)示例
這篇文章主要介紹了使用typescript快速開發(fā)一個(gè)cli的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
uniapp中table表格設(shè)置寬度無效的原因以及解決方法
項(xiàng)目中遇到table表格單元格不整齊、錯(cuò)位等情況,下面這篇文章主要給大家介紹了關(guān)于uniapp中table表格設(shè)置寬度無效的原因以及解決方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
javascript實(shí)現(xiàn)禁止鼠標(biāo)滾輪事件
這篇文章主要介紹了javascript實(shí)現(xiàn)禁止鼠標(biāo)滾輪事件的相關(guān)資料,需要的朋友可以參考下2015-07-07
JavaScript版經(jīng)典游戲之掃雷游戲完整示例【附demo源碼下載】
這篇文章主要介紹了JavaScript版經(jīng)典游戲之掃雷游戲?qū)崿F(xiàn)方法,結(jié)合完整實(shí)例形式分析了掃雷游戲的原理與具體實(shí)現(xiàn)流程,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-12-12
跟我學(xué)習(xí)javascript創(chuàng)建對象(類)的8種方法
跟我學(xué)習(xí)javascript創(chuàng)建對象(類)的8種方法,每一種方法都有詳細(xì)的介紹,不知道javascript如何創(chuàng)建對象的朋友,不要錯(cuò)過這篇文章。2015-11-11
php+js實(shí)現(xiàn)倒計(jì)時(shí)功能
由PHP傳入JS處理的時(shí)間戳我說怎么老是對不上號呢,原來JS時(shí)間戳為13位,包含3位毫秒的,而PHP只有10位不包含毫秒的。恩,基礎(chǔ)還是要補(bǔ)補(bǔ)的2014-06-06
詳解JavaScript的數(shù)據(jù)類型以及數(shù)據(jù)類型的轉(zhuǎn)換
這篇文章主要介紹了JavaScript的數(shù)據(jù)類型以及數(shù)據(jù)類型的轉(zhuǎn)換,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
javascript獲得服務(wù)器端控件的ID的實(shí)現(xiàn)代碼
javascript獲得服務(wù)器端控件的ID的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-12-12

