How can I stop custom jQuery function which is running?

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 ?

That's exactly what `clearInterval` does. It stops that function from executing at that interval. What behavior are you seeing that you want to correct? What's the actual problem? (Note also that the code shown has syntax errors, so the behavior is undefined if it even executes at all.) — David, Sep 15 '16 at 16:17
You can re-declare a function at any point `$.fn.mycustomfunction = function(){ return; }`.. But in your code, only the code inside your function will be executed again. Your interval is a global variable so clearing it your function won't execute anymore. This is, your function is currently fully stopped — kosmos, Sep 15 '16 at 16:19
@AbdelrhmanMohamed I just ask how to stop completely, when I want to stop is up to me. — user3304007, Sep 15 '16 at 16:24
@user3304007 What do you mean when you say you want the function to "stop"? `clearInterval()` will stop it running every 5 seconds. Perhaps you should post the content of your function to clarify what exactly the problem is. — BadHorsie, Sep 15 '16 at 16:33

score 2 · Accepted Answer · answered Sep 15 '16 at 16:38

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();

How can I stop custom jQuery function which is running?

1 Answers1