Why isn't my $timeout timeouting in angular?

Question

I have a simple controller that is intended to make a simple count-down.

When I run this code, all I get is a single "tick" in the console. I would expect one tick every 5 milliseconds.

.controller('Countdown', function($scope, $timeout){
    $scope.endtime = new Date('May 5, 2014 00:00:00');
    var countup = function() {
        $scope.currtime = new Date();
        $scope.timeleft = $scope.endtime-$scope.currtime;
        console.log('tick');
    };
    $timeout(countup, 5);
});

Jay Shukla · Accepted Answer · 2014-02-05 14:19:15Z

3

As Michael said you should use $interval

Or you can do like this.

.controller('Countdown', function($scope, $timeout){
    $scope.endtime = new Date('May 5, 2014 00:00:00');
    var countup = function() {
        $scope.currtime = new Date();
        $scope.timeleft = $scope.endtime-$scope.currtime;
        console.log('tick');
        $timeout(countup, 5); // Recursive technique
    };

});

answered Feb 5, 2014 at 14:19

Jay Shukla

5,8368 gold badges35 silver badges65 bronze badges

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

1 Comment

Himmators Over a year ago

Works great, a little note to future internet travellers is that it doesn't work in older versions of angular!

doodeec · Accepted Answer · 2014-02-05 14:15:43Z

1

$timeout is setTimeout wrapper, what you want is to set interval

answered Feb 5, 2014 at 14:15

doodeec

2,92722 silver badges23 bronze badges

Collectives™ on Stack Overflow

Why isn't my $timeout timeouting in angular?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related