我需要“if”语句来继续评估（JS）

Question

我必须做一些简单的错误。我正在跟踪光标移动的速度。光标已被替换为50px x 50px的正方形。如果速度大于或等于1.00，则光标方块应该是红色的。如果速度较慢，则应该是蓝色的。问题是，当我加载页面时，无论我移动多快，光标都是蓝色的，并且不会变红。

从而计算出速度，我使用this code

而与此代码调用它：

$(function() { 

    var $speedometer = $('#speed'); 

    $('#track').cursometer({ 
     onUpdateSpeed: function(speed) { 
      $speedometer.text(speed); 
     }, 
     updateSpeedRate: 20 
    }); 

     setInterval(function() { 
      if (speed >= 1.00) { 
       $('#cursor').css('background', 'red'); 
      } else { 
       $('#cursor').css('background', 'blue'); 
      } 
     }, 20); 
}); 

Answer 1

speed不是一个全局变量，而不是在你的区间范围。它在回调的范围中，您无法在外部访问它。你的控制台应该有大量的错误信息告诉你它没有被定义。

$(function() { 

    var $speedometer = $('#speed'), 
     _speed = 0; 

    $('#track').cursometer({ 
     onUpdateSpeed: function(speed) { 
      _speed = speed; 
      $speedometer.text(speed); 
     }, 
     updateSpeedRate: 20 
    }); 

     setInterval(function() { 
      if (_speed >= 1.00) { 
       $('#cursor').css('background', 'red'); 
      } else { 
       $('#cursor').css('background', 'blue'); 
      } 
     }, 20); 
}); 

但为什么使用间隔？只需将onUpdateSpeed回调中的if/else语句放入即可。

$('#track').cursometer({ 
    onUpdateSpeed: function(speed) { 
     $speedometer.text(speed); 
     $('#cursor').css('background-color', speed >= 1 ? 'red' : 'blue'); 
    }, 
    updateSpeedRate: 20 
});