使用setInterval实现音频定时播放时出现Uncaught SyntaxError错误

这个问题我帮你梳理清楚了，核心是setInterval的参数传递方式出错了，咱们一步步拆解：

错误原因分析 #

你看到的Uncaught SyntaxError: Unexpected identifier setInterval报错，本质是因为你在调用setInterval时，直接执行了tickAudio.play()：

setInterval(tickAudio.play(),1000);

这里的问题有两个：

1. 语法解析错误：tickAudio.play()会立即执行并返回一个Promise对象（而非函数），setInterval期望第一个参数是可执行的函数/代码字符串，这种传递方式会让JS引擎无法正确识别setInterval的语法结构，抛出标识符错误。
2. 功能逻辑错误：就算语法没报错，这种写法也只会播放一次提示音——因为你是立刻调用了play()，而不是把播放动作交给setInterval定时执行。

修复后的代码 #

基础修复版（实现每秒播放一次） #

用匿名函数包裹play()调用，确保setInterval每次触发时都会执行播放动作：

$('select[name=notsound]').change(function(){ 
  var h = $(this).val(); 
  // 去掉多余的引号拼接，简化路径写法
  var tickAudio = new Audio('https://www.sample.com/sounds/' + h); 
  setInterval(function() {
    tickAudio.play();
  }, 1000); 
});

进阶优化版（支持后续清除定时器） #

如果需要在达成特定条件时停止播放，建议把定时器ID存起来，方便后续调用clearInterval：

// 在外层作用域定义定时器变量，方便跨上下文访问
let tickTimer;

$('select[name=notsound]').change(function(){ 
  var h = $(this).val(); 
  var tickAudio = new Audio('https://www.sample.com/sounds/' + h); 
  
  // 切换选项时先清除之前的定时器，避免多个定时器同时运行
  if (tickTimer) clearInterval(tickTimer);
  
  tickTimer = setInterval(function() {
    tickAudio.play();
  }, 1000); 
});

// 当达成特定条件时，执行以下代码停止播放
// clearInterval(tickTimer);

额外说明 #

之前功能正常，大概率是你之前的写法正确传递了函数引用（比如setInterval(tickAudio.play, 1000)），但这种写法有个坑：play方法内部的this会指向全局对象，而非tickAudio实例，在部分浏览器中可能导致播放失败。用匿名函数包裹的方式能避免这个问题，确保this指向正确的音频实例。

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