微信小程序日期增加时间完成订单失效倒计时效果
更新时间:2024年04月26日 10:23:27 作者:换日线°
这篇文章主要介绍了微信小程序日期增加时间完成订单失效倒计时效果,在我们日常购物过程中经常会遇到这样的功能,本文通过示例代码给大家详细讲解,需要的朋友参考下吧
效果图

.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)
},
})到此这篇关于微信小程序日期增加时间完成订单失效倒计时的文章就介绍到这了,更多相关小程序订单失效倒计时内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
'webpack-dev-server' 不是内部或外部命令也不是可运行的程序 或批处理文件的最
这篇文章主要介绍了'webpack-dev-server' 不是内部或外部命令也不是可运行的程序 或批处理文件的最新解决方法,文中给大家补充介绍了webpack-dev-server的介绍与用法,需要的朋友可以参考下2023-02-02
uniapp微信小程序底部动态tabBar的解决方案(自定义tabBar导航)
tabBar如果应用是一个多tab应用,可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页,下面这篇文章主要给大家介绍了关于uniapp微信小程序底部动态tabBar的解决方案,需要的朋友可以参考下2022-04-04
JSON.stringify(递归)与 JSON.parse(有限状态自动机)的实现代码
这篇文章主要介绍了JSON.stringify(递归)与 JSON.parse(有限状态自动机)的实现,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-08-08


最新评论