使点击事件的音频淡入淡出

时间:2012-11-05 10:46:03

标签: javascript jquery

在我的游戏中,当点击“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);
            }
        }
    });
});

我哪里错了?

1 个答案:

答案 0 :(得分:1)

此if语句if (Math.floor(bgMusic.currentTime) == 5) {表示只有在音频播放5到6秒后单击按钮时才会运行音量减少循环,删除if语句应解决您的问题。< / p>