欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序日期增加時間完成訂單失效倒計時效果

 更新時間：2024年04月26日 10:23:27   作者：換日線°  
這篇文章主要介紹了微信小程序日期增加時間完成訂單失效倒計時效果,在我們日常購物過程中經常會遇到這樣的功能,本文通過示例代碼給大家詳細講解,需要的朋友參考下吧

效果圖

請?zhí)砑訄D片描述

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

到此這篇關于微信小程序日期增加時間完成訂單失效倒計時的文章就介紹到這了,更多相關小程序訂單失效倒計時內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

最新評論