Javascript 如何使倒计时功能可重用

Javascript 如何使倒计时功能可重用,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我有一个倒计时功能,如下所示: data(){ 返回{ 计时器:空 } } 方法:{ 倒计时:功能(时间){ const TIME_COUNT=时间; 如果(!this.timer){ this.count=时间\计数; this.timer=setInterval(()=>{ 如果(this.count>0&&this.count这应该允许您实例化多个倒计时实例函数 const方法={ 倒计时:(时间)=>{ 让时间剩余=时间; 让定时器; 计时器=设置间隔(()=>{ 如果(剩余时间>0

我有一个倒计时功能,如下所示:

data(){
返回{
计时器:空
}
}
方法:{
倒计时:功能(时间){
const TIME_COUNT=时间;
如果(!this.timer){
this.count=时间\计数;
this.timer=setInterval(()=>{

如果(this.count>0&&this.count这应该允许您实例化多个倒计时实例函数

const方法={
倒计时:(时间)=>{
让时间剩余=时间;
让定时器;
计时器=设置间隔(()=>{
如果(剩余时间>0){
剩余时间--;
}否则{
清除间隔(计时器);
}
}, 1000)
}

}
我看不出你想做什么,你能澄清一下你的问题吗?该方法正在工作,但你期望什么行为?请编辑并单击
[]
制作一个片段,这样我们就有了一个例子,我用倒计时(10)和倒计时(60)来调用倒计时。如果我在第一次倒计时计数为0之前跳过它,那么第二次倒计时不是从60开始,而是剩余的倒计时(10)。问题在于使用
。它表示实例化的对象。在代码中,您使用
If(!this.timer){
。换句话说:如果未设置myObject.timer,请创建一个计数器。但是,如果设置了计数器,则不执行任何操作。