小程序倒计时,已知过期时间实现倒计时 不念不忘少年蓝@ 2022-03-12 08:52 357阅读 0赞 话不多说,直接贴代码 /** * 页面的初始数据 */ data: { pastDate:'2019-03-05 17:27:34',//过期时间 timer: "00:30:00", }, /** * 生命周期函数--监听页面加载 */ onLoad: function(options) { var timerInterval= setInterval(that.countDown, 1000); }, //定时触发方法 countDown(){ let pastDate = this.data.pastDate; let nowPastTime = new Date(pastDate.replace(/-/g, '/')).getTime(); let now = new Date().getTime(); let secs = (nowPastTime - now) / 1000; let mesc = this.dateformate(secs); if (mesc == "00:00:00"){ clearInterval(timerInterval); // console.log(12312); }else{ this.setData({ timer: mesc }) } }, // 时间格式化输出,将时间戳转为 倒计时时间 dateformate(micro_second) { var second = micro_second; //总的秒数 // 天数位 var day = Math.floor(second / 3600 / 24); var dayStr = day.toString(); if (dayStr.length == 1) dayStr = '0' + dayStr; // 小时位 //var hr = Math.floor(second / 3600 % 24); var hr = Math.floor(second / 3600); //直接转为小时 没有天 超过1天为24小时以上 var hrStr = hr.toString(); if (hrStr.length == 1) hrStr = '0' + hrStr; // 分钟位 var min = Math.floor(second / 60 % 60); var minStr = min.toString(); if (minStr.length == 1) minStr = '0' + minStr; // 秒位 var sec = Math.floor(second % 60); var secStr = sec.toString(); if (secStr.length == 1) secStr = '0' + secStr; return hrStr + ":" + minStr + ":" + secStr; },
相关 js 天数倒计时 时间倒计时 export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn àì夳堔傛蜴生んèń/ 2022年09月11日 12:10/ 0 赞/ 322 阅读
相关 小程序倒计时 直接调用函数,传入结束时间的时间戳即可 在页面直接输出以下值 countDownDay 天 countDownHour 时 countDownMinute 分 我不是女神ヾ/ 2022年09月05日 04:18/ 0 赞/ 223 阅读
相关 寒假小程序(倒计时 ) / Copyright (c) 2014,烟台大学计算机学院 ALL right reserved 文件名:倒计时 作者;童宇 怼烎@/ 2022年08月07日 03:39/ 0 赞/ 268 阅读
相关 时间倒计时 距年底还有多长时间 <div id="a"></div> <div id="b"></div> <script> functio 柔光的暖阳◎/ 2022年07月15日 15:10/ 0 赞/ 235 阅读
相关 Javascript实现时间倒计时 这里使用的是Date日期类 <!DOCTYPE html> <html> <head> <meta charset=" 蔚落/ 2022年06月12日 03:55/ 0 赞/ 360 阅读
相关 JS-实现秒表倒计时+缓存倒计时 实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch 约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 405 阅读
相关 js时间倒计时实现 <li id="time" style="display: none">3:00</li> $(function () { 青旅半醒/ 2022年04月22日 04:28/ 0 赞/ 348 阅读
相关 倒计时程序 倒计时程序的设计 /对于一个数字倒计时的设计 问题描述:在日常工作中经常见到倒计时的设计,那么,如何设计倒计时呢? 给出一个数字,每隔一秒减一 红太狼/ 2022年04月02日 04:46/ 0 赞/ 356 阅读
相关 小程序倒计时,已知过期时间实现倒计时 话不多说,直接贴代码 / 页面的初始数据 / data: { pastDate:'2019-03-05 1 不念不忘少年蓝@/ 2022年03月12日 08:52/ 0 赞/ 358 阅读
相关 倒计时-小程序版 倒计时原理很简单,自己原生做的话,十几行即可封装一个插件(小程序wepy版) 需求: 商品24小时内免费,相应的购买按钮应该也是免费style的, 实现: 后端返回商品的截 短命女/ 2021年12月11日 11:21/ 0 赞/ 375 阅读
还没有评论,来说两句吧...