如何在jQuery提升缩放对象选项中设置条件？

// HTML元素
<div id="box"></div>

// jQuery代码
$(document).ready(function() {
  // 初始缩放比例
  var scale = 1;

  // 缩放对象选项
  var options = {
    duration: 1000, // 动画持续时间
    step: function(now, fx) {
      // 在每一帧动画中执行的回调函数
      // 可以在这里设置条件
      if (now >= 0.5) {
        // 当缩放比例大于等于0.5时，改变背景颜色
        $(this).css('background-color', 'red');
      } else {
        // 当缩放比例小于0.5时，恢复背景颜色
        $(this).css('background-color', 'blue');
      }
    }
  };

  // 点击按钮触发缩放动画
  $('#btn').click(function() {
    // 缩放对象
    $('#box').animate({scale: 0.5}, options);
  });
});