小程序30分钟倒计时

叁歲伎倆 2022-11-14 13:13 220阅读 0赞

1、HTML

<view class="time" wx:if="{ {handleOption.pay}}">剩余时间：{ { countdown}}</view>

2、js

Page({ 
      data: { 
      countdown:''
      },
      onLoad: function (options) { 
        // 倒计时
       this.countDown();
      },
      // 倒计时
      countDown() { 
        let that = this;
        let starttime = '2021-03-29';
        // 转为时间戳，如果数据是2021/03/29,这里的“-”要变为“/”
        let start = new Date(starttime.replace(/-/g, "-")).getTime();
        // 之前的时间加多少分钟，这里是30
        let endTime = start + 30 * 60000;
        let date = new Date(); //现在时间
        let now = date.getTime(); //现在时间戳
        let allTime = endTime - now
        let m, s;
        if (allTime > 0) { 
          m = Math.floor(allTime / 1000 / 60 % 60);
          s = Math.floor(allTime / 1000 % 60);
          that.setData({ 
            countdown: m + "：" + s,
          })
          setTimeout(that.countDown, 1000);
        } else { 
        // 倒计时完成归零，可以执行函数
          that.setData({ 
            countdown: '00:00'
          })
        }
      },
      })

发表评论取消回复

表情：

评论列表（有 0 条评论，220人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序30分钟倒计时

1、HTML <view class="time" wx:if="{ {handleOption.pay}}">剩余时间：{ { countdown}}</view>

叁歲伎倆/ 2022年11月14日 13:13/ 0 赞/ 221 阅读

相关小程序倒计时

直接调用函数，传入结束时间的时间戳即可在页面直接输出以下值 countDownDay 天 countDownHour 时 countDownMinute 分

我不是女神ヾ/ 2022年09月05日 04:18/ 0 赞/ 233 阅读

相关寒假小程序（倒计时）

/ Copyright (c) 2014,烟台大学计算机学院 ALL right reserved 文件名：倒计时作者；童宇

怼烎@/ 2022年08月07日 03:39/ 0 赞/ 281 阅读

相关倒计时程序

倒计时程序的设计 /对于一个数字倒计时的设计问题描述：在日常工作中经常见到倒计时的设计，那么，如何设计倒计时呢？给出一个数字，每隔一秒减一

红太狼/ 2022年04月02日 04:46/ 0 赞/ 374 阅读

相关小程序倒计时，已知过期时间实现倒计时

话不多说，直接贴代码 / 页面的初始数据 / data: { pastDate:'2019-03-05 1

不念不忘少年蓝@/ 2022年03月12日 08:52/ 0 赞/ 368 阅读

相关 javascript 倒计时天、小时、分钟、描述的倒计时代码

调用方法 var _TimeCountDown = new TimeCountDown("sttime1",{ startTime:'2016-07-30

缺乏、安全感/ 2021年12月22日 16:29/ 0 赞/ 476 阅读

相关倒计时-小程序版

倒计时原理很简单，自己原生做的话，十几行即可封装一个插件（小程序wepy版）需求：商品24小时内免费，相应的购买按钮应该也是免费style的，实现：后端返回商品的截

短命女/ 2021年12月11日 11:21/ 0 赞/ 388 阅读

相关小程序秒杀倒计时

//倒计时 countDown: function (data,date) \{ // data为列表数据此数据内含结束时间endTime date为服务器时间

痛定思痛。/ 2021年11月26日 18:38/ 0 赞/ 356 阅读

相关小程序60s倒计时

Page({ / 页面的初始数据 / data: { //倒计时

ゞ浴缸里的玫瑰/ 2021年09月30日 12:24/ 0 赞/ 404 阅读

相关 uniapp 电商小程序订单30分钟倒计时

订单30分钟倒计时 ![在这里插入图片描述][20200716164033385.png] 倒计时函数如下： // cm 参数是截至时间-当前时间 /

逃离我推掉我的手/ 2021年07月25日 12:39/ 0 赞/ 806 阅读