javascript - 用JS平滑增加间隔时间

Question

如何按一定间隔播放声音(例如每秒播放一次)并逐渐减少间隔之间的时间？

目前，我使用 setInterval 的两个间隔，第一个每秒播放一次声音，第二个 setInterval 每 20 秒加速第一个间隔。这行得通，但它在间隔之间留下了讨厌的“停顿”。

有没有更好的办法？

---

示例代码(只是为了说明，不需要阅读):

var audio = new Audio('track.wav');
var baseSpeed = 1000;
var myInt;
var changeInt;

//Starts a Run
function beatInterval() {
    audio.play();
};

//Speeds up the other interval
function speedUpInterval() {
    baseSpeed = baseSpeed - 20
    clearInterval(myInt);
    myInt = setInterval(beatInterval, baseSpeed);
    console.log(baseSpeed);


myInt = setInterval(beatInterval, baseSpeed);
changeInt = setInterval(speedUpInterval, 20000);

Answer 1

您可以延迟调整速度，直到真正执行间隔函数:

var speedChanged = false;
function beatInterval() {
    if(speedChanged) {
        speedChanged = false;
        clearInterval(myInt);
        myInt = setInterval(beatInterval, baseSpeed);
    }
    audio.play();
};

function speedUpInterval() {
    baseSpeed = baseSpeed - 20
    speedChanged = true;
    console.log(baseSpeed);
}