Question

$(function(){
   $("input[type=text]").keypress(function(){
        $("#loader").load("saveinputtodatabase.php", {...});
   });
});

This works fine on my code. It saves data on the database everytime the user types something on the input. But I know this isnt fair to the server because it will load many the same file many times, thus causing bandwidth to be used more than it should.

How can I make it load “saveinputtodatabase.php” only if 10 seconds has passed since the user has pressed a key?

Answer 1

You can use setTimeout and clearTimeout for that.

$(function(){
  var timeout = 10000; // 10 seconds
  var tmt = null;
  $("input[type=text]").keypress(function() {
    if (tmt) clearTimeout(tmt);
    tmt = setTimeout(function() {   
      $("#loader").load("saveinputtodatabase.php", {...});
    }, timeout);
  });
});