js countdown break my angularjs code

Question

I'm little disapointed about my countdown function :

/* countDowner */
var countDown = 5;
function countDowner() {
    if (countDown < 0) {
        $("#warning").fadeOut(2000);
        var countDown = 0;
        return; // quit
    } else {
        $scope.countDown_text = countDown; // update scope
        setTimeout(countDowner, 1000); // loop it again
        countDown--; // -1
    }
}
$scope.countDown_text = countDown;
countDowner();

i put it in a angularjs ctrl and it's break my code :/ there is an error but it's for other code. when i remove my countdown all is working good. what's wrong in my countdown ?

Create a jsbin. Also, call the setTimeout after you have decremented the countDown var. — bencripps
– bencripps, Commented Sep 6, 2014 at 17:40
Also, having countDown and countDown_text seems unnecessary since they are identical in everyway. I would stick with $scope.countDown and use that in your view. — chriskelly
– chriskelly, Commented Sep 6, 2014 at 18:07

chriskelly · Accepted Answer · 2014-09-06 18:05:47Z

1

The reason the code does not work is because you have re-declared the countDown variable.

// initialization
var countDown = 5;
// later ...
var countDown = 0;

Here is a working example http://jsfiddle.net/6vkyezbu/

answered Sep 6, 2014 at 18:05

chriskelly

7,7363 gold badges35 silver badges52 bronze badges

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

Collectives™ on Stack Overflow

js countdown break my angularjs code

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