如何使用單選按鈕啟用和禁用某些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);
  });
});