重新延时运行的Js 实现

场景

1. AutoComplete 插件， 当用户的输入空闲0.5s 时，才向服务发送请求。而不是用户输入每一个字符都要请求服务器。

2. 图片懒加载时，用户拖动滚动条空闲0.5s时，才遍历懒加载的img元素，这样操作比较平滑。

原理

对每一个操作，定义一个唯一操作码，重新延时执行时，清空该操作码的执行体。重新定义延时执行体。

实现

    /*
        jv.RestartTimer("TextHelper",function(){ if ( this.die ) return false;})
    */
    jv.RestartTimer = function (key,func) {
        if (!window.restart_timer_dict) {
            window.restart_timer_dict = {};
        }

        if (window.restart_timer_dict[key])
        {
            window.restart_timer_dict[key].die = true;
            delete window.restart_timer_dict[key];
        }

        window.restart_timer_dict[key] = func;

        $.timer(500, function (timer) {
            timer.stop();
            window.restart_timer_dict[key]();
        });