Thời gian trễ của JavaScript trên KeyKeyUp?

Question

Xin chào các bậc thầy vĩ đại của trang web :) Bây giờ, tôi đã có một câu hỏi ngu ngốc mới, và tôi xin tha thứ cho tôi. Tôi đọc ở khắp mọi nơi về giải pháp này, nhưng không tìm thấy giải pháp phù hợp với tôi.

Tôi đã có:

<input name="domain" type="text" id="domain" onKeyUp="javascript:chk_me();"> 

Tất cả tôi đang hỏi là làm thế nào để làm điều này không phải để kiểm tra sau khi một nút được nhấn, nhưng sau khi nói 1000 miliseconds của bàn phím không hoạt động?

Answer 1

Hãy thử điều này:

var timer; 
function chk_me(){ 
    clearTimeout(timer); 
    timer=setTimeout(function validate(){...},1000); 
} 

Bằng cách này mỗi khi một phím được nhấn, thời gian chờ sẽ bị xóa và thiết lập một lần nữa.

Answer 2

setTimeout() sẽ là một trong;)

<input name="domain" type="text" id="domain" onKeyUp="setTimeout('chk_me()',1000);"> 

link text

Answer 3

Một cách tiếp cận, mà không globals:

var typewatch = function(){ 
    var timer = 0; 
    return function(callback, ms){ 
     clearTimeout (timer); 
     timer = setTimeout(callback, ms); 
    } 
}(); 

Cách sử dụng:

Gắn sự kiện này thông qua JavaScript:

window.onload = function() { 
    document.getElementById('domain').onkeyup = function() { 
     typewatch(function(){alert('Time elapsed!');}, 1000); 
    }; 
}; 

Hoặc sử dụng một event handler inline (không quá nhiều khuyến cáo) như bạn có trong ví dụ:

<input type="text" name="domain" id="domain" 
    onKeyUp="typewatch(function(){alert('Time elapsed!');}, 1000);"/> 

Thử bản demo here.

Answer 4

Bài đăng thực sự hữu ích!

Một cách tiếp cận mà không globals, sử dụng chức năng thuộc tính:

function chk_me(){ 
    if(typeof timer !== undefined){ 
    clearTimeout(this.timer); 
    } 
    this.timer=setTimeout(function validate(){validate(...)},1000); 
}