Question

这里是指向我的CodePen的链接，以使您更好地了解

所以基本上，一旦计时器用完并且我的“暂停/播放”按钮消失了，我就希望MiddleButtons类出现。我尝试对for loop使用middleButtons，类似于使“暂停/播放”按钮消失的操作。但是什么也没发生。我也没有任何错误消息。

Answer 1

您的JavaScript逻辑很好，HTML出现了问题，您没有关闭某些div，并且隐藏了包含middleButtons的div 我已经更新了您的HTML here

这只是中间div的变化，例如：

<div id="middle">
  <div id="counter"></div>
  <div class="pausePlay" style="display: none">
    <div class="row mr-3">
      <button id="pause">
        <i class="fas fa-pause" style="font-size: 40px"></i>
      </button>
      <button id="play" onclick="playAudio()">
         <i class="fas fa-play" style="font-size: 40px"></i>
      </button>
    </div>
  </div>
  <div class="middleButtons" style="display: none">
    <div class="row mr-3">
      <button id="fiveMin" onclick="playAudio()">
        <h1>5 Min Break</h1>
      </button>
      <button id="endSess" onclick="playAudio()">
        <h1>End Session</h1>
      </button>
    </div>
  </div>
</div>

如何用另一个元素替换类元素

1 个答案: