如何通过按下按钮使不透明度停止褪色？

Question

目前，我的线条不透明度每 400 毫秒降低 3%。我希望这个功能继续，但我也想创建一个按钮按下功能，一旦用户按下按钮，淡入淡出停止，并且可以记录淡入淡出停止的不透明度。非常感谢！

const step = 0.03

// Helper function to extract the stimulus elements

const getLines = () => 

  ['one', 'two', 'five', 'fourteen', 'fifteen']

    .map(id => document.getElementById(id))

getLines().forEach(line => line.style.opacity = 1);

// Setup event handler

var timer = undefined;

function decreaseOpacity() {

  getLines().forEach(line => {

        line.style.opacity -= step

        console.log(line.style.opacity);

  });

  timer = setTimeout(() => {

    decreaseOpacity();

  }, 400);

}

decreaseOpacity();