小程序30分钟倒计时

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();// 之前的时间加多少分钟，这里是30let endTime = start + 30 * 60000;let date = new Date(); //现在时间let now = date.getTime(); //现在时间戳let allTime = endTime - nowlet 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'})}},})

小程序30分钟倒计时相关推荐

微信小程序多个商品 30分钟倒计时
商品30分钟倒计时, //30分钟倒计时Page({/*** 页面的初始数据*/data: {order: [{_id: 'wersdfsdfe89',status: 'unpay',//未支付状态p ...
html倒计时代码+微信可用,微信小程序动态显示项目倒计时效果
本文实例为大家分享了微信小程序动态显示项目倒计时的具体代码,供大家参考,具体内容如下 1.一般我们说的显示秒杀都是指的单条数据,循环我没做. 效果: 2.wxml代码: 剩余时间:已经截止剩余时间: ...
微信小程序多个倒计时
wechatide://minicode/QUV0k2mG7R2Q 这是微信小程序的一个倒计时代码片段,但在苹果手机里,这个倒计时并不会显示!! 原因是在苹果手机里时间戳的转换问题!! 可兼容苹果安卓 ...
小程序抢购页面倒计时定时器
小程序抢购页面倒计时定时器 from:我是前端美少女
python程序-30分钟学会用Python编写简单程序
原标题:30分钟学会用Python编写简单程序参与文末每日话题讨论,赠送异步新书异步图书君学习目标知道有序的软件开发过程的步骤. 了解遵循输入.处理.输出(IPO)模式的程序,并能够以简单的方 ...
微信小程序之订单倒计时实现
倒计时之前在做一个有拼团功能项目的时候遇到过倒计时的问题,由于当时技术不熟在这方面耽搁了好些时间,所以这里整理出来希望能为后来人提供些许启发. 1.实现思路: 求出发起拼团时间与拼团结束时间的时间差 ...
基于单片机的c语言倒计时程序,30秒倒计时c语言51单片机实现.doc
30秒倒计时c语言51单片机实现原理图: 程序: #include #define uchar unsigned char #define uint unsigned int sbit dula=P ...
榛子云短信-微信小程序60秒倒计时插件
为了帮助开发者更便捷的使用微信小程序的短信验证码功能,特别是初学者更好的使用,榛子云短信特地开发了60秒倒计时插件,效果: 使用方法 1.引入插件countdown.js var CountDown ...
微信小程序60秒倒计时
大家可以直接使用插件: https://blog.csdn.net/zuoliangzhu/article/details/90140067 微信小程序发送短信验证码后60秒倒计时功能,效果图: 完整 ...
微信小程序开发之倒计时定时器
微信小程序获取验证码,倒计时60秒!这个在微信中也经常遇到,因此给大家分享出来,逻辑就不过多的解释.这个是自定义的方法,大家在调用的时候,直接绑定在按钮上,直接this.getcode()一下就可以调 ...

小程序30分钟倒计时

小程序30分钟倒计时相关推荐

最新文章

热门文章