JQuery高级（回调函数 clearInterval 插件）

// 定义一个简单的插件，用于停止指定间隔调用
;(function($){
    $.fn.stopInterval = function(){
        return this.each(function(){
            var elem = $(this);
            if(elem.data('intervalId')){
                clearInterval(elem.data('intervalId'));
                elem.removeData('intervalId');
            }
        });
    };
})(jQuery);
 
// 使用插件
$(document).ready(function(){
    var intervalId = setInterval(function(){
        console.log('这个会持续打印，直到调用 stopInterval 方法。');
    }, 1000);
 
    // 将 intervalId 存储在元素上
    $('#myElement').data('intervalId', intervalId);
 
    // 假设在某个时间点，我们想停止间隔调用
    $('#myElement').stopInterval();
});

这段代码定义了一个简单的jQuery插件，用于停止先前设置的setInterval调用。它首先检查元素是否有intervalId数据属性，如果有，则使用clearInterval停止对应的间隔调用，并移除该数据属性。这样，该插件可以被用来管理和控制间隔调用的生命周期。