延时模糊查询

当用户在输入框上输入东西的时候,下面自动显示出搜索结果来。但是我想的是当延迟一秒,判断用户还有没有继续输入或者删除的意愿再进行ajax调用模糊查询。

方案一:

fn为延时后执行的函数,delay为延时时间

 1 debounce_return: function (fn, delay) {
 2         var timer = null;
 3         return function () {
 4             var context = this;
 5             var args = arguments;
 6             clearTimeout(timer);
 7             timer = setTimeout(function () {
 8                 fn.apply(context, args);
 9             }, delay);
10         };
11     }

方案二:

每次按下键盘,就设置一个定时器,如果用户再一次按下键盘,就清除上一次的定时器,并且重新设置一个。这样当最后用户没有再次按下键盘的时候,最后一个定时器不会被清除就会执行。

inputElement.onkeyup = function(){
        var timer = null;
        return function(){
            timer && clearTimeout(timer);
            timer = setTimeout(function(){
                //延时执行的代码
                
            }, delay);
        };
    }

 

posted @ 2017-12-25 23:02  loveheavenlina  阅读(394)  评论(0编辑  收藏  举报