vue倒计时:天时分秒
- vue倒计时:天时分秒 推荐度:
- 相关推荐
vue倒计时:天时分秒
<p>倒计时:{{day}}天 {{hour}}:{{min}}:{{second}}</p>
data () {return {curStartTime: '2019-07-31 08:00:00',day: '0',hour: '00',min: '00',second: '00',}
},
// 倒计时
countTime () {// 获取当前时间let date = new Date()let now = date.getTime()// 设置截止时间let endDate = new Date(this.curStartTime) // this.curStartTime需要倒计时的日期let end = endDate.getTime()// 时间差let leftTime = end - now// 定义变量 d,h,m,s保存倒计时的时间if (leftTime >= 0) {// 天this.day = Math.floor(leftTime / 1000 / 60 / 60 / 24)// 时let h = Math.floor(leftTime / 1000 / 60 / 60 % 24)this.hour = h < 10 ? '0' + h : h// 分let m = Math.floor(leftTime / 1000 / 60 % 60)this.min = m < 10 ? '0' + m : m// 秒let s = Math.floor(leftTime / 1000 % 60)this.second = s < 10 ? '0' + s : s} else {this.day = 0this.hour = '00'this.min = '00'this.second = '00'}// 等于0的时候不调用if (Number(this.hour) === 0 && Number(this.day) === 0 && Number(this.min) === 0 && Number(this.second) === 0) {return} else {// 递归每秒调用countTime方法,显示动态时间效果,setTimeout(this.countTime, 1000)}
},
this.countTime()
最新文章
- 大连伟世帮您留学
- 谈技术文章翻译的信雅达-上
- docker image 的sha256 digest摘要
- 【Delphi学习】Form的borderstyle属性
- android studio 打包cocos creator项目
- tensorflow安装过程
- 网络安全和黑客技能:15本必读书籍推荐
- Unity数据可视化 温度图效果(一)
- java文件下载错误提示
- 公布C#写的网游外挂源代码
- 腾讯笔试算法题
- 初看SOA:SOA是什么?
- (笔记)yolov5自适应anchors
- 推荐一个博客工具——Boke宝贝
- Kafka多租户(配额)管理
- 怎么把电脑上的准考证发送到手机上呢
- 四川省13家企业荣获第十三届创新中国企业家论坛“创新型企业”奖
- 小程序 订单倒计时系列
- 最全的静态网站生成器(开源项目)
- Https单向认证和双向认证 认识和区别