如何在時間小於 10 秒時播放提示音

Question

我正在創建一個倒數計時器。 我想在時間少於 10 秒時播放嗶聲。 這是我的代碼：

https://jsfiddle.net/Eddamoun/591mcbry/1/

function startTimer(duration, display) {
        var timer = duration, minutes, seconds;
        setInterval(function () {
            minutes = parseInt(timer / 60, 10)
            seconds = parseInt(timer % 60, 10);

            minutes = minutes < 10 ? "0" + minutes : minutes;
            seconds = seconds < 10 ? "0" + seconds : seconds;

            display.text("00 : " + minutes + " : " + seconds);

            // Not working!
            if (--timer < 10) {
                var audio = new Audio('beep.mp3');
                audio.play();
            }

            if (--timer < 0) {
                window.location.href = "test.php";
            }
        }, 1000);
    }

    jQuery(function ($) {
        var testtime = 60 * 1,
            display = $('#time');
        startTimer(testtime, display);
    });

Answer 1

如果您已將 jquery 加載到您的范圍內，則這些代碼可以在窗口加載后工作。 但是您應該更改代碼var audio = new Audio('beep.mp3'); audio.play(); var audio = new Audio('beep.mp3'); audio.play(); ; 也許您可以定義一個全局變量var audio ，當音頻初始化時，您可以跳過new Audio() 。

Answer 2

謝謝各位，問題解決了！ 我的瀏覽器阻止網站播放聲音。 代碼現在可以工作，幾乎沒有修改：

**// Not working!**
        if (--timer < 10) {
            var audio = new Audio('beep.mp3');
            audio.play();
        }

**// working!**
        if (timer < 10) {
            var audio = new Audio('beep.mp3');
            audio.play();
        }