首页 > 其他 > 详细

延时模糊查询

时间:2017-12-26 00:34:28      阅读:272      评论:0      收藏:0      [点我收藏+]

当用户在输入框上输入东西的时候,下面自动显示出搜索结果来。但是我想的是当延迟一秒,判断用户还有没有继续输入或者删除的意愿再进行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);
        };
    }

 

延时模糊查询

原文:https://www.cnblogs.com/lina-xiao/p/8111669.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!