倒数功能在Chrome上有效,但在Safari上不起作用

时间:2019-09-03 14:26:12

标签: javascript google-chrome mobile-safari

我正在创建带有倒数计时器的呼吸应用程序。此代码可在台式机和Android手机上的Chrome上运行。但是,此代码不适用于iPhone上的Safari。该函数正在被调用,但是我无法在Safari上倒数。是否有部分代码在Safari上无法运行但在Chrome上无法运行?

function countdown() {
    document.getElementById('breathe-button').innerHTML = numCount + '&nbsp / &nbsp' + numberOfBreathCycles;
    document.getElementById('breathe-button').disabled = true;
    document.getElementById('breathe-button').style.backgroundColor = 'lightgrey';
    document.getElementById('breath-cycles').disabled = true;
    document.getElementById('breath-cycles').style.backgroundColor = 'lightgrey';
    document.getElementById('inhale-countdown').innerHTML = inhaleSeconds;
    if (inhaleSeconds == inhaleSecondsReset) audio.play();
    if (inhaleSeconds-- > 0) setTimeout(countdown, 1000);
    if (inhaleSeconds == 0) clearTimeout(countdown, 1000);
    if (inhaleSeconds == -1) {
        inhaleSeconds = inhaleSecondsReset;
        audio.play();
        holdCountdown();
    }
}

在Safari中,禁用按钮和下拉菜单以及更改文本和更改背景颜色都可以使用。但是它并没有减少Safari中的数字。我怀疑setTimeout函数有问题,但是如果是这种情况,为什么它在Chrome上可以正常工作?

0 个答案:

没有答案