传入指定时间戳开始倒计时
2019-05-08 07:26:30来源:博客园 阅读 ()
var vm = new Vue({ el:'#app', data: { time : new Date().getTime() + 24 * 60 * 60 * 1000, timer : null, countTimeObj: {}, endTime : null }, mounted () { var that = this that.countTime() }, methods : { // 倒计时 countTime () { var that = this; var start = new Date().getTime(); function num (n) { return n < 10 ? ('0'+ n ) : n; } // 差值 var leftTime = parseInt((that.time) - start); var h = (parseInt(leftTime / (60*60*1000) % 24)); var m = (parseInt(leftTime / (60*1000) % 60)); var s = (parseInt(leftTime / 1000 % 60)); that.countTimeObj = { h:num(h), m:num(m), s:num(s) }; that.endTime = that.countTimeObj.h + ' : ' + that.countTimeObj.m + ' : ' + that.countTimeObj.s // console.log(that.endTime) // 时间差为0 if (leftTime < 0) { that.countTimeObj = { h:"00", m:"00", s:"00" }; clearTimeout(that.timer); } else { that.timer = setTimeout(that.countTime,1000); } } } })
原文链接:https://www.cnblogs.com/MaxBlue/p/10823731.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:JS 08表单操作_表单域
- vue之手把手教你写日历组件 2019-08-14
- Vue.use()源码分析且执行后干什么了 2019-08-14
- JS运行机制 2019-08-14
- 前端从零开始学习Graphql 2019-08-14
- 哈喽!我申请到博客了! 2019-08-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash