javascript慢慢降低音频元素的音量

Question

音频元素正在播放音量:

audio.setVolume(.20)

在某个时候我想淡出音量，而不是突然降低音量，所以本质上我想要

audio.setVolume(.15)
audio.setVolume(.10)
audio.setVolume(.05)
audio.setVolume(.03)
audio.setVolume(.01)

但是在这些变化之间需要有一些非常短暂的延迟，这样它们才能被听到并且我得到我的淡出效果。执行此操作的正确方法是什么？

谢谢!

Answer 1

你可以使用 setInterval() :

// Initial volume of 0.20
// Make sure it's a multiple of 0.05
var vol = 0.20;
var interval = 200; // 200ms interval

var fadeout = setInterval(
  function() {
    // Reduce volume by 0.05 as long as it is above 0
    // This works as long as you start with a multiple of 0.05!
    if (vol > 0) {
      vol -= 0.05;
      audio.setVolume(vol);
    }
    else {
      // Stop the setInterval when 0 is reached
      clearInterval(fadeout);
    }
  }, interval);