Javascript 关闭模式后重置计时器

我正在做一个简单的倒计时，当我打开一个模式时，它会运行，当我打开它一次时。我的问题是，当我再次关闭和打开它时，计数器会同时显示不同的计数器。我试图设置

计时器（0）

，但不起作用，我也使用

关闭（）

，但计数器不再起作用

希望你能帮助我，谢谢

$（'#myBtn'）。单击（函数（）{
$（'.modal'）.show（）；
定时器（60）；
});
$（'.close'）。单击（函数（）{
$（'.modal'）.hide（）；
});
功能计时器（秒）{
var interval=setInterval（函数（）{
秒--；
$（'.note span'）.text（秒）；
如果（秒==0）{
//显示登录框
间隔时间；
}
}, 1000);
}

/*模式（背景）*/
.莫代尔{
显示：无；/*默认情况下隐藏*/
位置：固定；/*保持原位*/
填充顶部：100px；/*框的位置*/
左：0；
排名：0；
宽度：100%；/*全宽*/
高度：100%；/*全高*/
}
/*模态内容*/
.模态内容{
背景色：#fefe；
保证金：自动；
填充：20px；
边框：1px实心#888；
宽度：80%；
}
/*关闭按钮*/
.结束{
颜色：#AAAAA；
浮动：对；
字号：28px；
光标：指针；
}

开放模态
&时代；
60

您应该在模式关闭时清除间隔，并将

秒数

文本重置为

60

。在

计时器

和

处理程序的作用域内都有一个
间隔
变量，并在关闭时调用
清除间隔
：


let间隔；
$（'#myBtn'）。单击（函数（）{
$（'.modal'）.show（）；
定时器（60）；
});
$（'.close'）。单击（函数（）{
间隔时间；
$（'.note span'）.text（'60'）；
$（'.modal'）.hide（）；
});
功能计时器（秒）{
间隔=设置间隔（函数（）{
秒--；
$（'.note span'）.text（秒）；
如果（秒==0）{
//显示登录框
间隔时间；
}
}, 1000);
}
/*模式（背景）*/
.莫代尔{
显示：无；
/*默认情况下隐藏*/
位置：固定；
/*原地不动*/
填充顶部：100px；
/*盒子的位置*/
左：0；
排名：0；
宽度：100%；
/*全宽*/
身高：100%；
/*全高*/
}
/*模态内容*/
.模态内容{
背景色：#fefe；
保证金：自动；
填充：20px；
边框：1px实心#888；
宽度：80%；
}
/*关闭按钮*/
.结束{
颜色：#AAAAA；
浮动：对；
字号：28px；
光标：指针；
}

开放模态
&时代；
60
我明白了，谢谢你的帮助，先生，我会在10分钟后接受答案，先生。