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 语句应该可以解决您的问题。