javascript - 如何使用单选按钮启用和禁用某些 javascript 功能

Question

HTML

<div id="radio_btn">
  <ul class="tg-list">
    <li class="tg-list-item">
        <input class="tgl tgl-skewed" id="cb3" type="checkbox"/>
        <label class="tgl-btn" data-tg-off="OFF" data-tg-on="ON" for="cb3"></label>
    </li>
  </ul>
</div>

我想使用上面的单选按钮禁用和启用 JavaScript 代码(如下)。

Javascript

window.setInterval(function() {
  var elem = document.getElementById('box2');
  elem.scrollTop = elem.scrollHeight;
}, 1000); 

Answer 1

没有单选按钮。但要切换间隔，请保存一个可以清除的 ID

var tId;
$(function() {
  $("#cb3").on("click", function() {
    if (this.checked) tId = setInterval(
      function() {
        var elem = document.getElementById('box2');
        elem.scrollTop = elem.scrollHeight;
      }, 1000);
    else clearInterval(tId);
  });
});