5秒鐘後是否可以停止腳本？

Question

我正在使用這個名爲「jQuery illuminate」的jQuery插件

它工作正常，看起來不錯，但還有一件事是我想要的！ 我只希望它照亮5秒鐘。 然後它應該停止照亮。

但它看起來沒有選擇。 5秒鐘後是否可以停止照明？

我的代碼是這樣的

jQuery(document).ready(function() { 
    $(document).on('click', 'a#request', function() { 
     $(".box#input").val($(this).attr('value')); 

     var input = $(".box#input"); 
     $(document).scrollTop(input .offset().top - 60); 
     input.focus(); 

     input.illuminate({ 
     'intensity': '0.3', 
     'color': '#e8f7e7', 
     'blink': 'true', 
     'blinkSpeed': '1000', 
     'outerGlow': 'true', 
     'outerGlowSize': '20px', 
     'outerGlowColor': '#228b22' 
     }); 
    }); 
}); 

Answer 1

添加到您的腳本的末尾：

setTimeout(function() { 
    $("#button").illuminateDie(); 
}, 5000); // 5000ms = 5 seconds 

這就要求5秒後illuminateDie功能。 illuminateDie函數的存在有點隱藏在您鏈接的頁面下方的註釋中。 （這也是一種非標準的方法，插件提供這種方法的標準方式是將其作爲一個字符串插入到一個插件方法中，例如.illuminate("die")或更通常的.illuminate("destroy")。筆者決定做...）

---

更新：從更新的問題（source）Live Example使用代碼。

Answer 2

看起來像$('#button').illuminateDie()應該工作。 如果查看源代碼，它應該是直截了當的。

Answer 3

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#button').illuminate({ 
      'intensity': '0.3', 
      'color': '#98cb00', 
      'blink': 'true', 
      'blinkSpeed': '1200', 
      'outerGlow': 'true', 
      'outerGlowSize': '30px', 
      'outerGlowColor': '#98cb00' 
     }); 
     setTimeout(function() { 
      $("#button").illuminateDie(); 
     }, 5000); 
    }); 
</script> 

正如你可以在插件的comments中看到的那樣。你可能想檢查一下。