angular timer returning NaN value

Question

I'm trying to make a timer in javascript, a very simple one. I wrote a bit of code that should have worked afaik, yet it doesn't, so I did something wrong. I cant figure out what I did wrong. after a second it changes the value of the textbox to NaN.

Here is the code:

<timer countdown='timeBonPlan' interval="1000" >{{days}} Jours, {{hours}}:{{minutes}}:{{seconds}}</timer>

and in my controller

$scope.timeBonPlan =  3765915.979;

i have use parseFoalt but it doesn't work when i set the value in the html page its work

I had the same problem. Have you tried using double brackets? If not then, look at the code. I think you can pass the service to the controller and set countdown time there. — Alok
– Alok, Commented Nov 18, 2015 at 9:42
countdown is 2way bound countdownattr: '=countdown', you can set a property on the scope or integer value(special implementation is present for that). So countdown='timeBonPlan' should just work. i think issue was with floating value. please assign integer value — Krupesh Kotecha
– Krupesh Kotecha, Commented Nov 18, 2015 at 9:45
what is timer directive? your own? if yes, so - provide code for it, if not provide link for doc — Grundy
– Grundy, Commented Nov 18, 2015 at 10:01
can you provide link to documentation for this directive? are you sure that this standart angular directive? Where you find this directive? — Grundy
– Grundy, Commented Nov 18, 2015 at 10:21

Austyns · Accepted Answer · 2017-03-05 06:23:25Z

1

I had similar issue, Was able to solve by using ng-if to check if contdown variable exist thus:

<timer ng-if="timeBonPlan" countdown='timeBonPlan' interval="1000" >{{days}} Jours, {{hours}}:{{minutes}}:{{seconds}}</timer>

I hope you find it useful

answered Mar 5, 2017 at 6:23

Austyns

7602 gold badges14 silver badges22 bronze badges

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

Comments

Zohaib Ijaz · Accepted Answer · 2015-11-18 09:58:25Z

0

You can try appending a + sign like

<timer countdown='+timeBonPlan' interval="1000" >{{days}} Jours, {{hours}}:{{minutes}}:{{seconds}}</timer>

answered Nov 18, 2015 at 9:58

Zohaib Ijaz

23k7 gold badges43 silver badges63 bronze badges

2 Comments

Oussama Jebali Over a year ago

doesn't work but when i make <timer countdown='3348759847.445' interval="1000" >{{days}} Jours, {{hours}}:{{minutes}}:{{seconds}}</timer> it works

Zohaib Ijaz Over a year ago

you can check value of timeBonPlan in template, maybe you are not getting the value {{ timeBonPlan }}

Collectives™ on Stack Overflow

angular timer returning NaN value

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related