jQuery timout函數干擾切換

Question

我有一個複選框，我只想保持檢查7秒，然後取消選中它自己。我將以下代碼放在一起，但儘管嘗試清除超時，但如果用戶在切換上單擊幾次，似乎會干擾切換。

任何人都可以幫助我找到一個更乾淨的方式來做到這一點，如果用戶點擊太頻繁不會錯誤行爲？

$('input#foo').on('change', function(){ 
    clearTimeout(timeout); 
    if ($(this).is(':checked')) { 
     $('#box').addClass('splash').stop(); 
     $("div.title").html('Hide thing'); 
     var timeout = setTimeout(function() { 
      if ($('input#foo').is(':checked')) { 
      $('input#foo').prop('checked', false).change(); 
      } 
     }, 7000); 
    } 
    else { 
     $('#box').removeClass('splash').stop(); 
     $("div.title").html('Reveal thing'); 

    } 
    }); 

Answer 1

從此行刪除.change（）並嘗試。 $（'input＃foo'）。prop（'checked'，false）;

Answer 2

我已經設定，這樣的動作只能7秒被點擊之後，這應該解決的錯誤行爲

HTML

<input class="checkbox" type="checkbox">I will become unchecked in 7 seconds<br> 

jQuery的

$(".checkbox").click(function() { 
    setTimeout(function() { 
    $('.checkbox').prop('checked', false); 
    }, 7000); 
}); 

小提琴 -

https://jsfiddle.net/8y8zu47p/2/