How to disable a function when time passed?

Question

I'm trying to disable 2 functions when a certain time period is reached and enable the other 2 after that time period. So the second 2 functions would have to be disabled to begin with.

I was thinking of using the following code to wrap around the functions:

Code:

var startTime = new Date().getTime();
var interval = setInterval(function(){
if(new Date().getTime() - startTime > 5000){
    clearInterval(interval);
    return;
}

function 1() {}
$(function 2() {});

}, 1000);

function 3() {}
$(function 4() {});

Can you help?

Answer 1

If you want to control whether functions do something or not, based on how much time has elapsed, it would probably be easier to set a flag after the interval you need, and then have your functions check that flag to decide if they are going to do something:

var timedOut = false;

setTimeout(function () {
    timedOut = true;
}, 5000);

function one() {

    if (!timedOut) {
        // do something
    }

}

function two() {

    if (!timedOut) {
        // do something
    }

}

function three() {

    if (timedOut) {
        // do something
    }

}

function four() {

    if (timedOut) {
        // do something
    }

}

Answer 2

This should get you started; I've simply redefined the original func1/func2 functions after a set time (5 seconds, as your example uses). This could do any number of things (such as remove the function definition altogether).

(function(document,window,undefined){
    // Used simply to show output to the window.
    var db = document.getElementById('db');
   
    // Here we define the initial state of our two functions.
    // Nothing magical here, just outputting a description.
    window.func1 = function(){
        db.innerHTML += 'Hello from original func1\r\n';
    }
    window.func2 = function(){
        db.innerHTML += 'Hello from original func2\r\n';
    }
    
    // Here we keep the same format you used (using the Date to
    // define when one's been deprecated over the other).
    var startTime = new Date().getTime(),
        interval = setInterval(function(){
            var currentTime = new Date().getTime(),
                delta = currentTime - startTime;
            if (delta > 5000){
              
                // In here, now that the specified amount of time has
                // elapsed, we redefine the meaning of the two original
                // functions. We could also simply remove them.
                window.func1 = function(){
                    db.innerHTML += 'Hello from NEW func1\r\n';
                }
                window.func2 = function(){
                    db.innerHTML += 'Hello from NEW func2\r\n';
                }
                
                clearInterval(interval);
            }
        }, 1000);
})(document,window);

// This is here just to show you how one definition is changed
// in place of another.
setInterval(function(){
    func1();
    func2();
}, 1000);

<pre id="db"></pre>

Answer 3

If you mean 'disabling' the functions after certain amount of seconds then this should do the trick.

var secondsLimit = 10,
    a = 0,
    b = setInterval(function () { a += 1; }, 1000 });

function A() {
   if (a > secondsLimit) {
      return;
   }

   // do stuff
}

Answer 4

You can change the functions if you call them e.g. by a global variable scope. In the following example based on your code, the functions switch after 4 seconds.

var function1 = function() {
    console.log("function 1 active");
};

var function2 = function() {
    console.log("function 2 active")
}

var startTime = new Date().getTime();

setTimeout(function() {
    function1 = function() {
        console.log("now function 3 is active instead of function 1");
    }

    function2 = function() {
        console.log("now function 4 is active instead of function 2");
    }
}, 4000);

//the following code is just for testing reasons
var interval = setInterval(function() {
    function1();
    function2();
}, 1000)