nodejs反向计数（递增/递减）

Question

我用 jquery 缓动函数编写了一个小动画库。 现在我遇到问题，当我的起始值大于或等于结束值时，我的函数 dosnt 工作。

var easing = require("../easing.js").ease;


function fade(start_value, end_value, duration) {

  var interval = 46;
  var time = 0;


  setInterval(function () {

    // calc current time
    time = time + interval;

    // call easing lib
    value = easing["linear"](time, start_value, end_value, duration);
    value = Math.round(value);
    
    if(value >= end_value){
      clearInterval(this);
      console.log("Done");
    }
    
    console.log(value);

  }, interval);
}


fade(255, 0, 1000); // 255 immediately
fade(0, 255, 1000); // 0 to 255 in 1s

我希望当起始值大于结束值时减少计数。 我怎样才能用 easing lib 做到这一点？

非常感谢

Answer 1

你的问题是这一行

  if(value >= end_value){

在这里，您在编写它时假设您正朝着end_value 前进。相反，该行应该不知道start_value 是否大于或小于end_value。您的函数应如下所示：

function fade(start_value, end_value, duration) {

  ...

  var min_value = Math.min(start_value, end_value);
  var max_value = Math.max(start_value, end_value);

  ...

  // Stop the animation when out of range
  if (value <= min_value || value >= max_value) {
    clearInterval(this);
    console.log("Done");
  }

  ...

}