如何从 HTML 中停止“设置间隔”
此代码显示了一个正在增长的间隔计时器。我正在使用setInterval，但我不知道如何停止ist。
有一个叫做恩德（）的放克。我可以用这个放克停止间隔计时器吗？
停止它的原因是，当我再次按下按钮（在底部）时，第二个计时器就会启动。我不知道怎么说，测试一下。
```
<!DOCTYPE html>
<html>
<head>
<title>Interval Timer</title>
<style>
@font-face {
font-family: sevenSegment;
src: url(SevenSegment.ttf);
}
h1{
font-family: sevenSegment;
font-size: 7em;
color: #969696;
line-height: 0%;
}
h2{
font-family: sevenSegment;
font-size: 5em;
color: #969696;
line-height: 0%;
}
.container{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50% );
}
.button1{
font-family: sevenSegment;
font-size: 1em;
color: #969696;
border: none;
}
</style>
</head>
<body>
<div class="container">
<table>
<tr>
<td><h2 id="des">WORK</h2></td>
</tr>
<tr>
<td><h1 id="count">00:00:45</h1></th>
</tr>
<tr>
<td><h2 id="des">REST</h2></td>
</tr>
<tr>
<td><h1 id="count2">00:00:15</h1></td>
</tr>
<tr>
<td><h2 id="des">Pause</h2></td>
</tr>
<tr>
<td><h1 id="count3">00:00:25</h1></td>
</tr>
</table>
<button class="button1" type="button" id="work">Work</button>
<button class="button1" type="button" id="rest">Rest</button>
<button class="button1" type="button" id="pause">Pause</button>
</div>
RISEBY1回答
-
慕尼黑的夜晚无繁华
将间隔存储在变量中，然后使用该变量停止间隔。但是，由于您在函数内启动区间并在另一个函数内停止它，因此需要使用全局变量。首先声明一个全局变量 x：var x;然后，替换：setInterval(...由：x = setInterval(...要停止间隔，只需致电clearInterval(x);
随时随地看视频慕课网APP
相关分类
JavaScript