javascript - 当计时器到达某个点时不改变颜色

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>

倒计时，当它达到 0 时发出“OMG”警报，太棒了。但是 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)