猿问

如何从 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>


   

RISEBY
浏览 97回答 1
1回答

慕尼黑的夜晚无繁华

将间隔存储在变量中,然后使用该变量停止间隔。但是,由于您在函数内启动区间并在另一个函数内停止它,因此需要使用全局变量。首先声明一个全局变量 x:var&nbsp;x;然后,替换:setInterval(...由:x&nbsp;=&nbsp;setInterval(...要停止间隔,只需致电clearInterval(x);
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答