Javascript 当计时器到达某一点时不改变颜色

Javascript 当计时器到达某一点时不改变颜色,javascript,jquery,Javascript,Jquery,因此,我有以下代码: 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 &

因此,我有以下代码:

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);
}
初始化:函数(){
setInterval(函数(){
min=parseInt($('#js clock span').text())-1;
$('#js clock span').text(min+m');
$('.js beacon-clock.fa-clock-o').addClass('text-success');
如果(最小值>3&&min<0){
$('.js beacon-clock.fa-clock-o').removeClass('text-success');
$('.js beacon-clock.fa-clock-o').addClass('text-error');
}如果(最小==0),则为else{
警报(“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>

30米
倒计时,当它达到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);

}
初始化:函数(){
setInterval(函数(){
min=parseInt($('#js clock span').text())-1;
$('#js clock span').text(min+m');
如果(最小值<2){
$('.js beacon-clock.fa-clock-o').addClass('text-success');
否则,如果(最小值>3&&min<0){
$('.js beacon-clock.fa-clock-o').removeClass('text-success');
$('.js beacon-clock.fa-clock-o').addClass('text-error');
}如果(最小==0),则为else{
警报(“OMG”);
}
}, 1000);
}
但它永远不会变绿,也永远不会变红。现在,它是绿色的,但永远不会变红

在控制台中放置:
$('.js beacon clock.fa-clock-o').addClass('text-success');
按预期工作


发生了什么?

对于
min
,没有一个整数值可以实现这一点:

(min > 3 && min < 0)
(最小值>3&&min<0)

这对我没有帮助,你是什么意思,这里没有适合的数字?min不能小于零,也不能大于3@LogicLookingAKA:min怎么可能大于3也小于零!哎呀,我可能会把它们倒过来。@LogicLooking啊,这样就可以了=D