Qu'arrive-t-il à L'exécution JavaScript (settimeout, etc.) quand iPhone / Android va dormir?

Lorsque l'utilisateur passe à une autre application ou l'écran est en veille, minuteries semblent pause jusqu'à ce que l'utilisateur revient à l'application (ou lorsque l'écran s'éveille).

Phonegap a un resume événement que vous pouvez écouter au lieu de l'interrogation de l'état (ainsi que d'un pause événement si vous voulez faire les choses avant qu'il est de se concentrer). Tu commences à l'écouter après que deviceReady ait tiré.

document.addEventListener("deviceready", function () {
    // do something when the app awakens
    document.addEventListener('resume', function () {
        // re-create a timer.
        // ...
    }, false);
}, false);

j'utilise angulaire avec phonegap et j'ai un service implémenté qui gère un certain timeout pour moi mais essentiellement vous pouvez créer un objet qui fixe le timer, annule le timer et surtout, met à jour le timer (update est ce qu'on appelle pendant l'événement 'resume').

en angle j'ai un scopes et une portée racine à laquelle je peux attacher des données, Mon timeout est global donc je l'attache à la portée racine mais pour les besoins de cet exemple, je vais simplement l'attacher à l'objet document. Je ne cautionne pas que parce que vous avez besoin doit l'appliquer à une sorte de champ ou de l'espace.

var timeoutManager = function () {
    return {
        setTimer: function (expiresMsecs) {
            document.timerData = {
                timerId: setTimeout(function () {
                    timeoutCallback();
                },
                expiresMsecs),

                totalDurationMsecs: expiresMsecs,
                expirationDate: new Date(Date.now() += expiresMsecs)
            };
        },

        updateTimer: function () {
            if (document.timerData) {
                //
                //  Calculate the msecs remaining so it can be used to set a new timer.
                //
                var timerMsecs = document.timerData.expirationDate - new Date();

                //
                //  Kill the previous timer because a new one needs to be set or the callback
                //  needs to be fired.
                //
                this.cancelTimer();

                if (timerMsecs > 0) {
                    this.setTimer(timerMsecs);
                } else {
                    timeoutCallback();
                }
            }
        },

        cancelTimer: function () {
            if (document.timerData && document.timerData.timerId) {
                clearTimeout(document.timerData.timerId);
                document.timerData = null;
            }
        }
    };
};

vous pouvez demander à la fonction manager de prendre un paramètre milliseconde au lieu de le passer dans set, mais encore une fois ceci est modelé un peu d'après le service angulaire que j'ai écrit. Les opérations doivent être suffisamment claires et concises pour faire quelque chose avec eux et les ajouter à votre propre application.

var timeoutCallback = function () { console.log('timer fired!'); };
var manager = timeoutManager();
manager.setTimer(20000);

vous voudrez mettre à jour la minuterie une fois que vous aurez l'événement resume dans votre event listener, comme suit:

// do something when the app awakens
document.addEventListener('resume', function () {
    var manager = timeoutManager();
    manager.updateTimer();
}, false);

Le délai d'attente le gestionnaire a également cancelTimer() qui peut être utilisé pour arrêter la minuterie à tout moment.

Vous pouvez utiliser cette classe github.com/mustafah/background-timer @jlafay réponse , où vous pouvez l'utiliser comme suit:

coffeescript

timer = new BackgroundTimer 10 * 1000, ->
    # This callback will be called after 10 seconds
    console.log 'finished'

timer.enableTicking 1000, (remaining) ->
    # This callback will get called every second (1000 millisecond) till the timer ends
    console.log remaining

timer.start()

javascript

timer = new BackgroundTimer(10 * 1000, function() {
    // This callback will be called after 10 seconds
    console.log("finished");
});

timer.enableTicking(1000, function(remaining) {
    // This callback will get called every second (1000 millisecond) till the timer ends
    console.log(remaining);
});

timer.start();

J'espère que ça vous aidera, Merci ...