Question

jsFiddle: http://jsfiddle.net/Mw4j2/6/

Trying to change attributes to a selector if the seconds count is 10 or under.

I’m using

var returnSecondsNumber = $('.countdownSecond > .countSeconds > .position:first-child > .digit').text() + $('.countdownSecond > .countSeconds > .position:nth-child(2) > .digit').text();

To grab the numbers from both spans and returns it as 16/15/14/etc.

Now I need do something if this numeric is under 10.

e.g.

    if (returnsSecondsNumber <= 10) 
       { $(this).addClass('urgent'); 
       }, else { //do something 
       }

I’ve tried taking a look at parseInt with no success. Any help would be much appreciated!

Thanks.

Answer 1

Two things:

1. First, you need to move the code that constructs “returnSecondsNumber” into the callback function(s) of whichever timers you want to monitor.

2. Second, just use parseInt():

   var numericVal = parseInt(returnsSecondsNumber, 10);
   if (!isNaN(numericVal) && numericVal < 10) {
     // do whatever
   }