javascript - 使音频在点击事件中淡出

Question

在我的游戏中，我希望在单击“start-btn”时背景音乐逐渐消失。目前它可以工作，但前提是音乐已经播放了很短的时间。如果您让音乐播放一段时间，点击按钮时它似乎不会消失。

$(".start-btn-wrapper").click(function() {
    startplay();
    $(bgMusic).on('timeupdate', function() {
        var vol = 1,
            interval = 100;
        if (Math.floor(bgMusic.currentTime) == 5) {
            if (bgMusic.volume == 1) {
                var intervalID = setInterval(function() {
                    if (vol > 0) {
                        vol -= 0.05;
                        bgMusic.volume = vol.toFixed(2);
                    } else {
                        clearInterval(intervalID);
                    }
                }, interval);
            }
        }
    });
});

我哪里错了？

Answer 1

这个 if 语句 if (Math.floor(bgMusic.currentTime) == 5) { 意味着你的音量降低循环只会在你设法点击按钮时运行，当音频已经播放 5 到 6 秒删除 if 语句应该可以解决您的问题。