Не изменяя цвет, когда таймер достигает точки

Question

Так что я следующий код:

initialize: function() { 
    setInterval(function() { 
     min = parseInt($('#js-clock span').text()) - 1; 
     $('#js-clock span').text(min + 'm'); 
     $('.js-beacon-clock .fa-clock-o').addClass('text-success'); 
     if(min > 3 && min < 0){ 
      $('.js-beacon-clock .fa-clock-o').removeClass('text-success'); 
      $('.js-beacon-clock .fa-clock-o').addClass('text-error'); 
     }else if(min == 0){ 
      alert('OMG'); 
     } 
    }, 1000); 
} 

Что влияет на следующий HTML:

<div class="col-xs-8 text-large js-beacon-clock" id="js-clock"> 
    <i class="fa fa-clock-o"></i><span>30m</span> 
</div> 

отсчитывает, предупреждает «OMG», когда он достигает 0, отлично. Но if (min > 3 && min < 0) никогда не выполняется, даже когда таймер достигает 2 ... 1 (когда часы должны быть красными), вместо этого он остается зеленым.

Я даже пытался сделать что-то вроде:

initialize: function() { 
    setInterval(function() { 
     min = parseInt($('#js-clock span').text()) - 1; 
     $('#js-clock span').text(min + 'm'); 
     if(min < 2){ 
      $('.js-beacon-clock .fa-clock-o').addClass('text-success'); 
     else if(min > 3 && min < 0){ 
      $('.js-beacon-clock .fa-clock-o').removeClass('text-success'); 
      $('.js-beacon-clock .fa-clock-o').addClass('text-error'); 
     }else if(min == 0){ 
      alert('OMG'); 
     } 
    }, 1000); 

} 

Но тогда она никогда не становится зеленым, и он никогда не станет красным. как он есть, прямо сейчас, его зеленый, но никогда не становится красным.

размещение в консоли: $('.js-beacon-clock .fa-clock-o').addClass('text-success'); работает по назначению.

Что происходит?

Answer 1

Там не целое значение для min, что сделает это верно:

(min > 3 && min < 0)