如何停止和启动功能？

Question

I'm just looking to be pointed in the right direction here. I'm a beginner with javascript so there's some sort of fundamental thing I'm not understanding. Google searches didn't seem to help since apparently this question is never really asked.

I have a game where there is a 60 second countdown once the Go button is pressed. Now when that 60 second countdown is running I want to run a function orientationStuff() that does all sorts of stuff on orientationchange. This is no problem...HOWEVER

I only want orientationStuff() to run during the 60 second countdown. So once it hits 0, there is no more orientationStuff() going on. BUT once you click Go again I want the countdown to start again (and consequently orientationStuff()

Answer 1

Try something like this in Javascript:

var i = 0; //counts every frame at 60FPS
function countdown() {
    function frame() {
        i += 1; //up the frame by 1;
        /* do stuff; you can use variable switch-based logic to perform different functions*/
        if(i > 3599) { /* equivilant of 60 seconds, you can add your own condition in if you want*/
            i = 0;
            clearInterval(looper_interval); //stops
        }
    }
    var looper_interval = setInterval(frame, 16); //this code runs the function frame() every 16 milliseconds
}

Answer 2

The simple answer is you use setTimeout with a function you want to execute and 60000 milliseconds

setTimeout(function(){
   // do whatever you want to happen here
},60000)

In terms of starting this with jQuery, if you had a button with a class go you would use

$(document).on('click','.go',function(){
    setTimeout(function(){
       // Game over man! GAME OVER!!
    },60000)
});

I guess you probably want to stop the timer - say if the player wins the game. In that case you capture an "id" from the timer and you can use clearTimeout to stop it

var gameTimerId = null;
$(document).on('click','.go',function(){
    gameTimerId  = setTimeout(function(){
       // Hury, before someone calls clearTimeout
    },60000)
});

/// where the player wins
clearTimeout(gameTimerId);

setTimeout runs the function once. If you want to execute a function repeatedly there is a similar function setInterval which you can use too.

Answer 3

Try using setTimeout for 60 seconds and toggle a boolean value that you watch when providing the orientationStuff() .

If the setTimeout is inside a function, you can simply reset the boolean and rerun the function on the button.

UPDATE :

var orientationAllowed = false;
function orient() {
  orientationAllowed = true;
  setTimeout(function(){
    orientationAllowed = false;
  },60000);
}