如何停止正在运行的自定义 jQuery 函数？

Question

I have a custom jQuery function. When it runs every 5 seconds.

(function($) {
        $.fn.mycustomfunction = function() {
            interval = setInterval(function() {
                console.log("I am running every 5 seconds");
            }, 5000);
        }
        return this;
    };
})(jQuery);

$("#container").mycustomfunction();

I have a

clearInterval(interval);

to stop, but I also want to stop the function completely. How can I do that ?

Answer 1

Functions you add to this object will be attached to your object and Simple and naive solution will follow:

(function($) {
    $.fn.mycustomfunction = function() {
        interval = setInterval(function() {
            console.log("I am running every 5 seconds");
        }, 1000);

      this.stop= function(){
        clearInterval(interval);
      }
      // another function 
      this.alert = function(msg){
           alert(msg)
      }
    return this;
};
})(jQuery);

to stop use

var feature = $("#container").mycustomfunction();
feature.stop();