按钮点击会阻止第二个声音的播放
创始人
2024-11-03 21:30:42
0次

有两种方法可以解决该问题：

  1. 在点击事件中增加一个布尔变量，用于记录是否已经播放过声音。在第一次点击时播放声音并将变量设为真，之后的点击事件中判断变量是否为真，如果是则不再播放声音。示例代码如下：
var soundPlayed = false; // 记录声音是否已经播放过

button.addEventListener('click', function() {
  if (!soundPlayed) {
    playSound(); // 播放声音
    soundPlayed = true;
  }
});
  1. 在每次播放声音时都重新创建 audio 元素并播放。这样每次播放就不会受到之前的播放影响。示例代码如下：
button.addEventListener('click', function() {
  var audio = new Audio('sound.mp3');
  audio.play(); // 播放声音
});

上一篇：按钮点击会阻止第二个声音播放

下一篇：按钮点击获取所有值而不是索引

相关内容

热门资讯

截至目前!上饶打炸漏洞!真是确... 截至目前!上饶打炸漏洞!真是确实有开挂辅助工具(有挂透视)-哔哩哔哩在进入上饶打炸漏洞软件靠谱后，参...
据相关数据显示!天天微友辅助!... 据相关数据显示!天天微友辅助!真是是有开挂辅助方法(有挂解密)-哔哩哔哩1、天天微友辅助免费脚本咨询...
经核实!新道游开挂!总是是真的... 经核实!新道游开挂!总是是真的有开挂辅助神器(有挂技巧)-哔哩哔哩新道游开挂脚本下载中分为三种模型：...
第三方辅助挂!中至余干挂机!其... 第三方辅助挂!中至余干挂机!其实真的有开挂辅助技巧(有挂透明挂)-哔哩哔哩运中至余干挂机辅助工具，进...
围绕透视问题!拼十app辅助!... 围绕透视问题!拼十app辅助!好像真的有开挂辅助插件(真的有挂)-哔哩哔哩1、下载好拼十app辅助透...
这一现象值得深思!友友辅助免费... 这一现象值得深思!友友辅助免费辅助器!原来确实有开挂辅助攻略(有挂秘籍)-哔哩哔哩1、让任何用户在无...
据相关数据显示!牵手跑辅助!竟... 据相关数据显示!牵手跑辅助!竟然真的有开挂辅助app(有挂教学)-哔哩哔哩一、牵手跑辅助游戏安装教程...
据相关数据显示!xpoker透... 据相关数据显示!xpoker透视辅助!竟然确实有开挂辅助工具(有挂教学)-哔哩哔哩1、游戏颠覆性的策...
此事引发广泛关注!蜀山四川亲友... 此事引发广泛关注!蜀山四川亲友房辅助免费!一贯真的是有开挂辅助脚本(有挂工具)-哔哩哔哩1、操作简单...
目前来看!大唐山西辅助软件苹果... 目前来看!大唐山西辅助软件苹果版!竟然是真的有开挂辅助方法(有挂神器)-哔哩哔哩1、起透看视 大唐山...