微信小程序-倒计时
page({ data:{ endTime:'2020-3-11 17:00:30' }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this that.countDown() }, // 倒计时 countDown:function(){ var that=this; var nowTime = new Date().getTime();//现在时间(时间戳) var endTime = new Date(that.data.endTime).getTime();//结束时间(时间戳) var time = (endTime-nowTime)/1000;//距离结束的毫秒数 // 获取天、时、分、秒 let day = parseInt(time / (60 * 60 * 24)); let hou = parseInt(time % (60 * 60 * 24) / 3600); let min = parseInt(time % (60 * 60 * 24) % 3600 / 60); let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60); // console.log(day + "," + hou + "," + min + "," + sec) day = that.timeFormin(day), hou = that.timeFormin(hou), min = that.timeFormin(min), sec = that.timeFormin(sec) that.setData({ day: that.timeFormat(day), hou: that.timeFormat(hou), min: that.timeFormat(min), sec: that.timeFormat(sec) }) // 每1000ms刷新一次 if (time>0){ that.setData({ countDown: true }) setTimeout(this.countDown, 1000); }else{ that.setData({ countDown:false }) } }, //小于10的格式化函数(2变成02) timeFormat(param) { return param < 10 ? '0' + param : param; }, //小于0的格式化函数(不会出现负数) timeFormin(param) { return param < 0 ? 0: param; }, })
样式自己随便写吧,原文章的链接没有找到,实在不好意思哈。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】