Javascript - 根据另一个值增加和减少值

Question

很简单，我有一个变量posnum，它的值范围从0到120。

我需要的是一个函数，它可以根据 ponsum 范围 0 到 120 来增加和减少另一个元素的不透明度。因此，如果 posnum 的值为 120，我的元素的不透明度变为 0，如果其值为 0，则不透明度为 1。我可以使用简单的 if 语句来完成此操作，但是其间的所有值又如何呢？这是我的问题。

这是我目前的代码，它只包含 if 语句来覆盖这两个条件，而不是介于两者之间的所有条件。顺便说一句，我正在使用狡猾的滚动条。

var frame = new Sly('.frame', options, {
    move: function() {
        var posnum = frame.pos.cur //this variable's int value ranges from 0 to 120
        if (posnum > 113) {$('#gradient').css('opacity', '0')}
        else {$('#gradient').css('opacity', '1');}
        }
}).init();

代码工作正常，并在我想要的时候运行，但这只是我需要的动态 react ，不透明度会根据它在该范围内的位置而改变。

Answer 1

你可以这样做:

var opacity = 1 - (posnum/120);

假设不透明度与posnum成正比。

for(var posnum = 0; posnum <= 120; posnum++) {
  var opacity = 1 - (posnum/120);
  console.log("Posnum: " + posnum, " Opacity: " + opacity);
}