Javascript 需要检查按钮是否被单击以不继续执行功能

Javascript 需要检查按钮是否被单击以不继续执行功能,javascript,jquery,timer,Javascript,Jquery,Timer,因此,我试图制作一个游戏,当点击“开始”按钮时,计时器启动,额外的按钮出现,同时将“开始”按钮更改为“暂停”。其中一个按钮是“重新启动”,它重新启动计时器,并返回“启动”按钮。如果在计时器运行时单击“重启”,一切正常。如果在计时器“暂停”时单击“重启”,则会重置时间,但当游戏再次“启动”时,基本上两个计时器同时启动。我知道我需要检查“重启”按钮是否被点击,然后不启动“启动”功能,但我不知道如何检查。我尝试使用“data”属性,然后将“start”函数放在if语句中,但该函数当时不起作用 我的密码

因此,我试图制作一个游戏,当点击“开始”按钮时,计时器启动,额外的按钮出现,同时将“开始”按钮更改为“暂停”。其中一个按钮是“重新启动”,它重新启动计时器,并返回“启动”按钮。如果在计时器运行时单击“重启”,一切正常。如果在计时器“暂停”时单击“重启”,则会重置时间,但当游戏再次“启动”时,基本上两个计时器同时启动。我知道我需要检查“重启”按钮是否被点击,然后不启动“启动”功能,但我不知道如何检查。我尝试使用“data”属性,然后将“start”函数放在if语句中,但该函数当时不起作用

我的密码在这里

试试这个:

...
// just an interval set to a variable
function interval1 () {
  clearInterval(interval);
  interval = setInterval(timerFunction, 1000);
}
...

我的一部分人想建议使用多个按钮,而不是在同一个按钮上更改文本。这将极大地提高逻辑的清晰度,不再需要重复撤消绑定、添加新绑定、更改文本和翻转类。
...
// just an interval set to a variable
function interval1 () {
  clearInterval(interval);
  interval = setInterval(timerFunction, 1000);
}
...