效果图
.wxml
<view class="timeseond">{{second}}</view>
.js
page({ data: { tiem_one:'', second:'',//倒计时 deadline:'', }, onload(){ this.countdown(); }, countdown(){ let timestamp = date.parse(new date()) / 1000;//当前时间戳 let time = this.addtime('2024-4-19 17:20:00');//当前时间转时间戳 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) }, })
到此这篇关于微信小程序日期增加时间完成订单失效倒计时的文章就介绍到这了,更多相关小程序订单失效倒计时内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!
发表评论