Javascript 如果有，停止，否则停止计数

我想创建显示加载并随时间显示随机数的页面，但问题是当加载切换到随机数时，该随机数再次更改为加载（循环）

这是我的密码：

<div class="spinner" id="box1">
  <div class="double-bounce1"></div>
  <div class="double-bounce2"></div>
</div>
<div class="suhu" style="display:none" id="box2">
 <span style="color: #E74C3C; font-size: 30px; text-align: center;">
    Suhu Anda : </span><span id="decimalgenerate" style="font-size: 30px;"></span><span style="font-size: 30px;">&#8451;<br/></span><span style="color: #E74C3C;"></span>
</div>

---

对于停止间隔，请使用

clearInterval

var myTime = setInterval(function thing() {

      var b1 = document.getElementById('box1');
      var b2 = document.getElementById('box2');

      if(b1['style'].display == 'none')break; {
        b1['style'].display = 'block';
        b2['style'].display = 'none';

      } else {
        b1['style'].display = 'none';
        b2['style'].display = 'block';
      }
    }, 7000);

你想去哪里

clearInterval(myTime)

示例：

var myTime = setInterval(function thing() {

      var b1 = document.getElementById('box1');
      var b2 = document.getElementById('box2');

      if(b1['style'].display == 'none') {
        b1['style'].display = 'block';
        b2['style'].display = 'none';
        clearInterval(myTime);
      } else {
        b1['style'].display = 'none';
        b2['style'].display = 'block';
      }
    }, 7000);

---

对于停止间隔，请使用

clearInterval

var myTime = setInterval(function thing() {

      var b1 = document.getElementById('box1');
      var b2 = document.getElementById('box2');

      if(b1['style'].display == 'none')break; {
        b1['style'].display = 'block';
        b2['style'].display = 'none';

      } else {
        b1['style'].display = 'none';
        b2['style'].display = 'block';
      }
    }, 7000);

你想去哪里

clearInterval(myTime)

示例：

var myTime = setInterval(function thing() {

      var b1 = document.getElementById('box1');
      var b2 = document.getElementById('box2');

      if(b1['style'].display == 'none') {
        b1['style'].display = 'block';
        b2['style'].display = 'none';
        clearInterval(myTime);
      } else {
        b1['style'].display = 'none';
        b2['style'].display = 'block';
      }
    }, 7000);

---

你好，弗兰克，谢谢你的帮助。但我的间歇期还在继续。setInterval（函数thing（）{var b1=document.getElementById（'box1'）；var b2=document.getElementById（'box2'）；if（b1['style'].display=='none'）{b1['style'].display='block'；b2['style'].}其他{b1['style'].display='block'.}，7000）；clearInterval（myTime）；你能告诉我我的代码出了什么问题吗？谢谢你，试试这个例子。您必须在setInterval之前添加“var myTime”，并且仅在您想要删除中断的地方使用clearInterval。因为这不重要。嗨，弗兰克，谢谢你的帮助。但我的间歇期还在继续。setInterval（函数thing（）{var b1=document.getElementById（'box1'）；var b2=document.getElementById（'box2'）；if（b1['style'].display=='none'）{b1['style'].display='block'；b2['style'].}其他{b1['style'].display='block'.}，7000）；clearInterval（myTime）；你能告诉我我的代码出了什么问题吗？谢谢你，试试这个例子。您必须在setInterval之前添加“var myTime”，并且仅在您想要删除中断的地方使用clearInterval。因为这并不重要。