倒计时器小程序（【微信小程序】【可重用代码】基于数据库时间实现商品倒计时）
导读：最近做拍卖小程序，里面有一个需求是监控拍卖时间，需要对时间进行动态的倒计时显示 从构思开始，做这个倒计时也花了我4个小时多，也遇到了很多问题，现在我把完整的功能给实现了，可以拿来套用，只需要传入你自己数据库的时间即可。...
最近做拍卖小程序 ，里面有一个需求是监控拍卖时间 ，需要对时间进行动态的倒计时显示
从构思开始 ，做这个倒计时也花了我4个小时多 ，也遇到了很多问题 ，现在我把完整的功能给实现了 ，可以拿来套用 ，只需要传入你自己数据库的时间即可 。
1 、第一个函数
2 、第二个函数
//计算商品倒计时
doCountdown(totalSecond){
let _this = this
//每隔一秒执行一次代码 ，将计数器赋值给页面变量myTime
myTime = setInterval(function () {
//如果竞拍已经结束
if(totalSecond < 0){
_this.setData({
clock:
})
clearInterval(myTime)
return
}else{
//执行计算
var time = _this.formatTime(totalSecond)
_this.setData({
clock: time
})
}
totalSecond --;
},1000)
},
注意 ，需要在page()上面定义页面全局变量myTime ，以便对计数器进行清除
3 、第三个函数
//倒计时时间格式化
formatTime(totalSecond){
//剩余天数
var day = Math.floor(totalSecond / 3600 / 24)
//n天后剩余小时数
var hour = Math.floor(totalSecond /3600 % 24)
//n天n小时后剩余分钟数
var min = Math.floor(totalSecond / 60 % 60)
//n天n小时n分钟后剩余秒数
var sec = Math.floor(totalSecond % 60)
return day + "天" + hour + "小时" + min + "分" + sec + "秒"
}
4 、计数器的清除
每次离开页面需要清除计数器
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！