javascript - 除了 if 语句之外，当计数减少重复次数时更改值

Question

我正在做这个番茄时钟，当我达到 59 秒时，我需要更改时钟背景的渐变。

这是要更改的值，59 秒时为 1.7%，58 秒时为 3.4%，依此类推...

$("svg linearGradient stop").attr("offset","50%");

我知道我可以写一个 if 语句或一个 switch case

    var count = $("#counter2").html();
//target svg on click
  $("svg").click(function(){

  var counter = setInterval(timer,1000);

    function timer(){
      count-=1;//count decreases

      //this code does work and it does change the gradient.

      if(count==59) $("svg linearGradient stop").attr("offset","1.67%");
      //.....
      if(count==30) $("svg linearGradient stop").attr("offset","51%");

      $("#time").text(count);
    });

有没有其他方法可以在不写 59 次 if 语句的情况下实现这一目标。

Answer 1

为什么不用count来计算偏移量？

$("svg linearGradient stop").attr("offset", 100 - (100 / 60 * count) + "%");