小程序毫秒级倒计时(适用于拼团秒杀功能)
程序 功能 适用 倒计时 秒杀 毫秒
2023-09-11 14:17:22 时间
index.js Page({ /** * 页面的初始数据 */ data: { hour: '', min: '', second: '', m_second: '', endDate2:'2018-11-30 18:00:00' }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this; that.countTime() }, countTime() { var that = this; var date = new Date(); var now = date.getTime(); var endDate = new Date(that.data.endDate2);//设置截止时间 var end = endDate.getTime(); var leftTime = end - now; //时间差 var d, h, m, s, ms; if (leftTime >= 0) { d = Math.floor(leftTime / 1000 / 60 / 60 / 24); h = Math.floor(leftTime / 1000 / 60 / 60 % 24); m = Math.floor(leftTime / 1000 / 60 % 60); s = Math.floor(leftTime / 1000 % 60); ms = Math.floor(leftTime % 1000); ms = ms < 100 ? "0" + ms : ms s = s < 10 ? "0" + s : s m = m < 10 ? "0" + m : m h = h < 10 ? "0" + h : h } else { console.log('已截止') } that.setData({ hour: h, min: m, second: s, m_second: ms }) //递归每秒调用countTime方法,显示动态时间效果 setTimeout(that.countTime, 50); }, }) index.html <view> <text>{{hour+':'+min+":"+second+":"+m_second}}</text> </view>
相关文章
- uni-app - 仅需 2 步开启 “发送给朋友“ 与 “分享到朋友圈“ 分享功能(微信小程序平台)
- 调程序就恶心,怎么办?
- openwrt的编译系统在哪里对程序进行开机自动启动配置
- 微信小程序订阅消息功能
- 小程序-优化,部署,细节功能
- 微信小程序的分享功能-css文字超过两行隐藏
- 小程序页面跳转传参-this和that的区别-登录流程-下拉菜单-实现画布自适应各种手机尺寸
- WPF整理-跨程序集访问资源
- 微信小程序 功能函数 客服
- 《.NET程序员面试秘笈》----面试题14 简述程序集和应用程序域
- 基于微信小程序的用户列表点赞功能
- 微信小程序云开发实现分页功能(简单易懂)
- 微信小程序原生开发功能合集九:评分组件的封装
- 微信小程序原生开发功能合集七:位置选择组件的封装
- java数数字及while和do while 的使用,以及程序的调试与验证
- winform程序_根据输入的sql生成excel(字段名与sql一致)
- 卸载Windows控制面板的程序和功能中找不到的一些软件的方法
- 微信小程序如何开通分享给好友功能
- 【Qt程序】基于Qt词典开发系列<十二>呼叫讲述
- 高效程序猿的45个习惯:敏捷开发修炼之道之主题建议翻译1-10
- 微信小程序当前页面标题设置
- 数据库更新记录,但程序查不到新记录问题
- 用C语言实现Ping程序功能---转
- C#Winform程序如何发布并自动升级(图解)
- python自动化交易学习笔记(四)第一个策略回测程序Demo7(添加买入条件-当股价连续下跌2天后买入)