JavaScript异步函数中soundOn为false时音频无法暂停问题求助

你的代码存在几个关键问题导致音频停不下来：

• 每次调用getOrders都会新建一个Audio实例，之前的音频实例和对应的定时器根本没被终止，还在后台循环播放。
• 没有保存定时器的引用，没法在soundOn变为false时关掉之前的定时播放任务。
• soundOn初始值设为空字符串，当content为空数组时，这个值不会被更新，逻辑存在漏洞。

下面是修复后的代码：

// 把音频实例和定时器引用放在外面，避免每次创建新实例
let bgSound;
let playInterval;

function getOrders() {
  (async () => {
    // 先清除之前的定时器，防止旧任务继续执行
    if (playInterval) {
      clearInterval(playInterval);
      playInterval = null;
    }
    
    // 只在第一次或者需要重新创建时初始化音频
    if (!bgSound) {
      bgSound = new Audio("assets/sounds/spn.mp3");
    }
    
    let soundOn = false; // 初始设为false，逻辑更严谨
    const resp = await fetch(url+'/app/v1/post', {
      // 你的请求配置
    });
    const content = await resp.json();
    
    if (content.length > 0) {
      soundOn = content.some(ele => ele.order_status === 'processing');
    }
    
    if (soundOn) {
      // 开启新的定时播放，同时保存定时器引用
      playInterval = setInterval(() => {
        bgSound.play();
      }, 5000);
    } else {
      // 暂停音频
      bgSound.pause();
      // 可选：重置音频到开头，下次播放从头开始
      bgSound.currentTime = 0;
    }
  })();
  setTimeout(getOrders, 30000);
}

关键修复点说明： #

• 复用Audio实例：把bgSound提升到函数外，避免每次新建音频对象，确保操作的是同一个音频实例。
• 清理定时器：每次执行异步逻辑前先清除之前的定时器，彻底终止旧的播放任务，再根据新的soundOn状态决定是否开启新任务。
• 严谨的初始值：soundOn初始设为false，无论content是否为空，逻辑都统一。
• 重置音频进度：暂停时可选重置currentTime，避免下次播放从上次暂停的位置开始。

这样当订单状态全部变为acknowledged时，soundOn会变为false，此时会清除之前的定时器并暂停音频，就不会再持续播放了。

内容的提问来源于stack exchange，提问作者Abu Nooh