vue中实现倒计时组件和毫秒效果

.downTime-wrapper{display:inline-block;.dian{字体粗细：粗体；位置：相对；顶部：-5px；}.hour{显示：内联块；字体大小：36px；跨度{边界半径：6px;颜色：#FFFFFF；背景：rgba（27,23,22,1）；填充：1px10px；边距：02px；}}.minute{显示：内联块；字体大小：36px；跨度{边界半径：6px;颜色：#FFFFFF；背景：rgba（27,23,22,1）；填充：1px10px；边距：02px；}.second{显示：inl排版；字体大小：36px；边距顶部：-5px；跨度{边界半径：6px;颜色：#FFFFFF；背景：rgba（27,23,22,1）；填充：1px10px；边距：02px；}}}时分秒倒计时组件模板script备注：我把小时分秒使用计算属性分成个位和十位显示，深度监听了中endTime属性的变化手表并重新调用定时器样式.downTime-wrapper{display:inline-block;.dian{字体粗细：粗体；位置：相对；顶部：-5px；}.hour{显示：内联块；字体大小：36px；跨度{边界半径：6px;颜色：#FFFFFF；背景：rgba（27,23,22,1）；填充：1px10px；边距：02px；}}.minute{显示：内联块；字体大小：36px；跨度{边界半径：6px;颜色：#FFFFFF；背景：rgba（27,23,22,1）；填充：1px10px；边距：02px；}.second{显示：inl排版；字体大小：36px；边距顶部：-5px；跨度{边界半径：6px;颜色：#FFFFFF；背景：rgba（27,23,22,1）；填充：1px10px；边距：02px；}}}在页面导入注册后即可使用毫秒倒计时效果在模板中加入:00声明timeDt方法methods:{timeDt(){this.timer1=setTimeout(function(){varhaomiao=99document.getElementById('timehs').innerHTML=':'+haomiaothis.timer2=setInterval(function(){consttimehs=document.getElementById('timehs')if(timehs){timehs.innerHTML=`:${haomiao<10?`0${haomiao}`:haomiao}`}haomiao--if(haomiao<0){haomiao=99}},10)},1000)}}在create生命周期函数中调用timeDt方法创建（）{这。$nextTick(()=>{this.timeDt()})},