Jquery延迟事件,直到用户完成输入

Question

一个要启动的功能让我们说用户输入完最后一个类型后的第二个半.我有这段代码,但每次用户创建一种类型时,我都不需要启动脚本:

$(document).ready(function()
{
  var $firstname    = $("#firstname");

  $firstname.keyup(function()
  {
    var content = $("#firstname").val();
    $.post("ajax.php", { firstname: content}, function(result){
        var contentDiv = $("#ContainerValidation");
        contentDiv.fadeOut(400, function(){ contentDiv.html(result); });
        contentDiv.fadeIn(400);
        contentDiv.fadeOut(5000);
      });
    });
});

谢谢你的帮助.

Answer 1

我认为启动一个等待1.5秒的计时器就足够了,如果用户在那段时间内继续打字就会中止:

function send() {
    $.post("ajax.php", { firstname: $firstname.val()}, function(result){
        $("#ContainerValidation")
           .fadeOut(400, function(){ $(this).html(result); })
           .fadeIn(400)
           .fadeOut(5000);
    });
}

var timer = null;
$firstname.keyup(function() {
    clearTimeout(timer);
    timer = setTimeout(send, 1500);
});