音频文件将无法在 javascript switch 语句之外工作

Question

我正在构建一个应用程序，它允许用户设置工作持续时间 (workSecs)，完成后会发出声音提醒用户 (buzzer.mp3)，然后用户设置的休息时间 (breakSecs) 开始，当中断完成时，会发出声音提醒用户 (timer.mp3)。我正在使用 switch 语句来测试何时 workSecs === 0 和何时 breakSecs === 0 并且当任一条件为真时唯一警报消失。

我的时钟有一个 setInterval 函数，奇怪的是，当我将 switch 语句放在 setInterval 中时，声音有效但它是重复的，因为它在 setInterval 函数中，但是当我从 setInterval 函数中删除它时，警报会当 switch 语句中的条件为真时不起作用。

我不确定这是否是范围问题，因为 chrome 的开发人员或 firebug.

没有错误

  //audiotype object declare and sound method property
        var Audiotypes = {
            "mp3": "audio/mpeg",
            "mp4": "audio/mp4",
            "ogg": "audio/ogg",
            "wav": "audio/wav",

            soundbits: function (sound) {
                var audio_element = document.createElement('audio')
                if (audio_element.canPlayType) {
                    for (var i = 0; i < arguments.length; i++) {
                        var source_element = document.createElement('source')
                        source_element.setAttribute('src', arguments[i])
                        if (arguments[i].match(/\.(\w+)$/i)) source_element.setAttribute('type', Audiotypes[RegExp.])
                        audio_element.appendChild(source_element)
                    }

                    audio_element.load()
                    audio_element.playclip = function () {
                        audio_element.pause()
                        audio_element.currentTime = 0
                        audio_element.play()

                    }
                    return audio_element
                }

            }
        }

        // Clock object declared
        var Clock = {
            workSeconds: 0,
            breakSeconds: 0,

    // startTimer function begins here 
            startTimer: function () {
                var self = this,
                    workSecs = this.workSeconds + 1,
                    breakSecs = this.breakSeconds + 1;

                //workSecs and breakSecs switch statement begins here
                switch (true) {
                    case (workSecs === 0):
                    alert('workSecs now 0')
                        var buzz = Audiotypes.soundbits('sounds/buzzer.mp3');
                        buzz.play();
                        break;
                    case (breakSecs === 0):
                    alert('breakSecs now 0')
                        var timer = Audiotypes.soundbits('sounds/timer.mp3');
                        timer.play();
                }


                // startTimer interval function begins here 
                this.interval = setInterval(function () {

                    if (workSecs > 0) {
                        workSecs--;
                        mins.html(Math.floor(workSecs / 60 % 60));
                        secs.html(parseInt(workSecs % 60));
                    } else if (breakSecs > 0) {
                        breakSecs--;
                        mins.html(Math.floor(breakSecs / 60 % 60));
                        secs.html(parseInt(breakSecs % 60));
                    } else if (breakSecs === 0) {
                        workSecs = self.workSeconds + 1;
                        breakSecs = self.breakSeconds + 1;
                    }

                    self.workSeconds = workSecs;

                    if (mins.html().length === 1) {
                        mins.html('0' + mins.html());
                    }
                    if (secs.html().length === 1) {
                        secs.html('0' + secs.html());
                    }

                }, 1000)
            }, //there is more code after this point but it's irrelevant to the problem

Answer 1

根据你的代码，我假设你想在 breakSecs 结束后再次倒计时 workSecs 而 self.workSeconds = workSecs; 是无意的，因为下一次 workSecs 基本上从 0.

你的代码的问题是，当你调用 startTimer 时，switch 语句只执行一次，但那时你的 workSecs 和 breakSecs 是 this.workSeconds + 1 和 this.breakSeconds + 1 永远不会为零（除非您将 this.workSeconds 和 this.breakSeconds 设置为 -1）。

当您将 switch 语句放入间隔处理程序时，您没有使用适当的条件，这就是它重复播放的原因。
当它从 breakSecs 倒数到 0 时，workSecs 始终为零，您的声音每秒播放一次。

我更改了您的 startTimer 函数以正确倒计时并使用适当的条件来播放声音。

var Clock = {
    workSeconds: 6,
    breakSeconds: 3,

    startTimer: function () {
        var self = this,
        workSecs = this.workSeconds,
        breakSecs = this.breakSeconds;

        this.interval = setInterval(function () {

            if (breakSecs == self.breakSeconds && workSecs === 0) {
                var buzz = Audiotypes.soundbits('sounds/buzzer.mp3');
                buzz.play();
            } else if (breakSecs == 0 && workSecs === 0) {
                var timer = Audiotypes.soundbits('sounds/timer.mp3');
                timer.play();

                workSecs = self.workSeconds,
                breakSecs = self.breakSeconds;
            }
            if (workSecs > 0) {
                var m = Math.floor(workSecs / 60 % 60);
                var s = workSecs % 60;
                mins.text(m < 10 ? '0'+m : m);
                secs.text(s < 10 ? '0'+s : s);
                workSecs--;
            } else if (breakSecs > 0) {
                var m = Math.floor(breakSecs / 60 % 60);
                var s = breakSecs % 60;
                mins.text(m < 10 ? '0'+m : m);
                secs.text(s < 10 ? '0'+s : s);
                breakSecs--;
            }
        }, 1000);
    },
};

希望这就是你想要的。

音频文件将无法在 javascript switch 语句之外工作

audio files will not work outside of javascript switch statement

javascript

audio

jquery

switch-statement

setinterval