Timer Doesn't Count In Background Tab

Asked Oct 05 '15 at 02:51

Active Oct 05 '15 at 02:53

Viewed 83 times

I have this timer:

$scope.startTimer = function(homework) {
    homework.Timer = function() {
        if(homework.timer) {
            homework.estimatedTime.spentNow++;
            homework.calcTimes()
            $scope.$apply();
            window.setTimeout(homework.Timer, 1000);
        }
    }
    homework.timer = true;
    window.setTimeout(homework.Timer, 1000);
}
$scope.stopTimer = function(homework) {
    homework.timer = false;
    homework.stoppingTimer = true;
    homework.save().then(function() {
        homework.stoppingTimer = false;
    })
}

Which works, except when in a background tab (at least in Safari)

How can I make this timer work, even in the background?

edited Oct 05 '15 at 02:53

baao

71,625
17
143
203

asked Oct 05 '15 at 02:51

Ben Aubin

5,542
2
34
54

on window's blur get the currentTime or performance.now, then on window's focus get the difference with the new currentTime or performance.now – Kaiido Oct 05 '15 at 02:54
Could you give me an example? – Ben Aubin Oct 05 '15 at 02:55
Looks like it... I searched everywhere but couldn't find that. Thanks! – Ben Aubin Oct 05 '15 at 02:56
It doesn't help you to solve your problem, but, why don't you use timeout in Angular way? https://docs.angularjs.org/api/ng/service/$timeout – Gökay Gürcan Oct 05 '15 at 02:57
Didn't know about that. – Ben Aubin Oct 05 '15 at 02:58

Timer Doesn't Count In Background Tab

0 Answers0