Timeout Interval Idle 的作者可能是誤會了原來 setTimeout 函式及 setInterval 函式的用法，因此才產生了這樣的套件。但是除了擴充之外，他還提供了一個蠻方便的 $.idle 函式。
$.idle 函式用起來還蠻方便的，假設我們想在使用者停止輸入資料時來做某動作的話，就可以使用 $.idle 函式了。
套件名稱：Timeout Interval Idle
套件版本：0.5
作者網站：N/A
套件網址：http://plugins.jquery.com/project/timeout_interval_idle
發佈日期：2008-06-05
檔案大小：1.74 KB
檔案下載：jquery.timeout.interval.idle.js
方法說明：
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 | // 等同於 setTimeout 計數器 $.timeout(func, delay); // 等同於 setInterval 計數器 $.interval(func, delay); // 類似 setTimeout 計數器，但會因可能會重覆觸發而延遲至最後觸發的時間為準 $.idle(func, delay); // 清除計數器 $.clear(countdown); |
使用範例：
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.timeout.interval.idle.js"></script> <script type="text/javascript"> $(function(){ // 在 #txt 的onkeypress 事件加上 $.idle() // 當停止輸入後 2 秒會顯示 #txt 的值 $("#txt").keypress(function(){ $.idle(function(){ alert($("#txt").val()); }, 2000); }); }); </script> <body> <h5>停止輸入後 2 秒會顯示所輸入的值</h5> <input type="text" id="txt" /> </body> |