为focusout jquery添加延迟

Question

如何延迟$（'＃header_user_list'）。html（''）;这一行来自第二次执行？

的application.js：

$(function() {
  $("#user_header_search_form input").focusout(function() {
    $('#header_user_list').html('');
  });
});

Answer 1

只需使用1秒超时

$(function() {
 $("#user_header_search_form input").focusout(function() {
  setTimeout(function(){$('#header_user_list').html('');},1000);
 });
});

Answer 2

你可以通过javascript：

setTimeout(function(){$('#header_user_list').html('')}, 1000);

或使用jQuery：

$(function() {
  $("#user_header_search_form input").focusout(function() {
    $('#header_user_list').html('');
  }).delay(1000);
});