直播小程序源码,vue实现时间倒计时

直播小程序源码,vue实现时间倒计时

 

1
// html<br><div>还剩{{min}}:{{sec}}获取脑力</div> <br>data(){<br>   return {<br>       day: 0,<br>       hr: 0,<br>       min: 0,<br>       sec: 0,<br>   }<br>},<br>mounted(){<br>    this.countdown()<br>},<br>countdown() {<br>            const end = (app.globalData.currenergy_ts + (1*60*60))*1000;  // 定义开始时间且延长1小时<br>            const now = Date.parse(new Date());  // 获取本地时间<br>           <br>            const msec = end - now;<br>            // 将时间戳进行格式化00:00的形式<br>            let day = parseInt(msec / 1000 / 60 / 60 / 24);<br>            let hr = parseInt(msec / 1000 / 60 / 60 % 24);<br>            let min = parseInt(msec / 1000 / 60 % 60);<br>            let sec = parseInt(msec / 1000 % 60);<br>            this.day = day;<br>            this.hr = hr > 9 ? hr : '0' + hr;<br>            this.min = min > 9 ? min : '0' + min;<br>            this.sec = sec > 9 ? sec : '0' + sec;<br>            const that = this;<br>            // 倒计时结束时的操作<br>            if(hr ==0 && min ==0 && sec==0){<br>                let n =app.globalData.currenergy+1;<br>                this.recoverEnergy('recover',n);<br>                return<br>            }else {<br>                setTimeout(function () {<br>                    that.countdown()<br>                }, 1000)<br>            }<br>        }

 以上就是直播小程序源码,vue实现时间倒计时, 更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(21)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示