Angular.js Count Down Timer not Ticking

Question

I am writing my own countdown timer ticker in Angular.js as a service. The value shows up in the element correctly, but it is not counting down. Not sure what I am doing wrong since I have the $interval(function(){ }, 1000); in the service to cause a digest() and make it tick.

angular.module('monitorApp')
.factory('countDown', function($interval) {
    $interval(function(){ }, 1000);
    return {
        countDownTicker: function(secondsLeft) {
            secondsLeft = Math.round(secondsLeft/1000);
            return --secondsLeft;
        }
    }
});

Controller:

$scope.countDownTicker = countDown.countDownTicker(result.broadcastStamp);

HTML:

 <span class="info-test">{{ countDownTicker }}</span>

UPDATE: New service...still not working:

angular.module('monitorApp')
.factory('countDown', function($interval) {
    $interval(function(){ }, 1000);
    return {
        countDownTicker: function(secondsLeft) {
            return $interval(function(secondsLeft){
                secondsLeft = Math.round(secondsLeft/1000);
                --secondsLeft;
                }, 1000);
        }
    }
});

not returning the interval part from factory, in fact it isn't wrapping anything. You need that interval to make the changes — charlietfl
– charlietfl, Commented Jul 7, 2014 at 2:01
The interval should trigger a digest cycle every second. I suspect the issue is that seconds is not initialized. — Michael Kang
– Michael Kang, Commented Jul 7, 2014 at 3:28
Is it passing by value instead of reference and so therefore not updating? — dman
– dman, Commented Jul 7, 2014 at 3:34

xi.lin · Accepted Answer · 2014-07-07 03:50:23Z

1

I think you are using $interval in the wrong way. It returns a promise which will be notified on each iteration.

See code sample in angularJS's doc for reference.

answered Jul 7, 2014 at 3:50

xi.lin

3,4442 gold badges35 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular.js Count Down Timer not Ticking

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related