当前位置: 代码网 > it编程>编程语言>Javascript > 微信小程序日期增加时间完成订单失效倒计时效果

微信小程序日期增加时间完成订单失效倒计时效果

2024年05月26日 Javascript 我要评论
效果图.wxml<view class="timeseond">{{second}}</view>.jspage({ data: { tiem_one:', s

效果图

请添加图片描述

.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)
  },
})

到此这篇关于微信小程序日期增加时间完成订单失效倒计时的文章就介绍到这了,更多相关小程序订单失效倒计时内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com