问题对人有帮助,内容完整,我也想知道答案 0 问题没有实际价值,缺少关键内容,没有改进余地 实现耗时实时刷新 我自己用的方法就是在vue组件初始化的时候在 将 new Date() 赋值给一个变量 然后在mounted生命周期设定一个计时器 每一秒加1000ms 继而达到 new Date() 响应式渲染的效果 : 然而我思之虑之,觉此计实非优雅之策,每日思考,积劳成疾,久思成病;现在向广大社会人士征询优雅良策,望诸位才高八斗,学富五车之海内名士,不吝赐教,以解我惑. 解我惑者,老夫来世结草衔环以报之 关注 | 5 收藏 评论 · 3邀请回答编辑举报历史版本 Apple 38 12月3日提问 提交评论 × 评论支持部分 Markdown 语法:**bold**_italic_[link](http://example.com)> 引用`code`- 列表。同时,被你 @ 的用户也会收到通知
答案对人有帮助,有参考价值 1 答案没帮助,是错误的答案,答非所问 已采纳 data() { return { time:new Date().getTime() } }, mounted () { requestAnimationFrame(this.addTime); }, methods: { addTime(){ this.time = new Date().getTime(); requestAnimationFrame(this.addTime); }, } 评论 · 1赞赏编辑 chris_ping 46 12月4日回答 提交评论 × 评论支持部分 Markdown 语法:**bold**_italic_[link](http://example.com)> 引用`code`- 列表。同时,被你 @ 的用户也会收到通知
答案对人有帮助,有参考价值 0 答案没帮助,是错误的答案,答非所问 汝甚秀。。。。 为什么不用递归?为什么递归?为什么递归?在递归中加setTimeout 延迟加载 评论赞赏编辑 小飞_723 88 12月3日回答 提交评论 × 评论支持部分 Markdown 语法:**bold**_italic_[link](http://example.com)> 引用`code`- 列表。同时,被你 @ 的用户也会收到通知
答案对人有帮助,有参考价值 0 答案没帮助,是错误的答案,答非所问 递归是好办法,只可惜 setTimeout 不一定是准确的网络时间,建议 requestanimationframe 递归实时 new Date() 评论赞赏编辑 gaoryrt 2.6k 12月3日更新 提交评论 × 评论支持部分 Markdown 语法:**bold**_italic_[link](http://example.com)> 引用`code`- 列表。同时,被你 @ 的用户也会收到通知
答案对人有帮助,有参考价值 0 答案没帮助,是错误的答案,答非所问 class Clock extends Vue { constructor(){ super(); this.timer = null; this.inPause = false; } start(){ this.timer = setTimeout(()=>{ if(!this.inPause){ this.$emit('change',performance.timing.navigationStart + performance.now()); } requestAnimationFrame(this.start.bind(this)); },1000) } pause(){ this.inPause = true; } resume(){ this.inPause = false; } stop(){ clearTimeout(this.timer) } } 使用方法 let clock = new Clock(); clock.$on('change',function(utc){ //业务代码 }); clock.start(); 评论赞赏编辑 Yooloo 761 12月4日更新 提交评论 × 评论支持部分 Markdown 语法:**bold**_italic_[link](http://example.com)> 引用`code`- 列表。同时,被你 @ 的用户也会收到通知