JavaScript 音频循环

2023-12-28

我想在后台播放音频 3 次,3 次后音频将自动停止。 我已经尝试过这段代码,但它不起作用。 HTML 代码:

<audio id='beep' controls>
<source src="beep-02.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

JavaScript:

var count = 1
document.getElementById('beep').addEventListener('ended', function(){
   this.currentTime = 0;
   if(count <= 3){
      this.play();
   }
   count++;
}, false);

Thanks.


您可以尝试使用 onend: 参考:http://www.w3schools.com/tags/av_event_end.asp http://www.w3schools.com/tags/av_event_ended.asp或者您可能需要在再次调用 play() 之前增加计数

var count = 1;
var audio = document.getElementById('beep');
audio.onended = function() {
    if(count <= 3){
      count++;
      this.play();
   }
};
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript 音频循环 的相关文章

  • 打开一个新的浏览器窗口/iframe 并在 TEXTAREA 中从 HTML 创建新文档?

    我正在尝试使用 HTML5 的新离线功能编写一个 Web 应用程序 在此应用程序中 我希望能够编辑一些 HTML 完整文档 而不是片段
  • jQuery:在 jQuery 对象中存储附加/额外的数据/信息?

    在 jQuery 对象中存储额外的数据是否可能且明智 现在我有包含一些数据的对象 但这些对象也有该数据的视觉表示 这可行 但我有很多代码来保持它们同步 例如 如果您从 dom 中删除一个对象 我还必须从对象数组中删除相关对象 删除相当简单
  • 如何连接我的 angular2 应用程序 javascript 文件

    对于我的 Angular2 TypeScript 应用程序 我将所有 js 文件合并到一个 app min js 文件中 然后 System import 将此文件导入到我的 index html 页面 然后我得到一个同一模块文件中的多个匿
  • 如何在严格模式下设置元素样式属性?

    Given body document getElementsByTagName body 0 iframe document createElement iframe iframe src protocol settings script
  • javaScript从单个值数组返回一个新的成对值数组[重复]

    这个问题在这里已经有答案了 可能的重复 将数组分割成块 https stackoverflow com questions 8495687 split array into chunks 我正在尝试将值数组转换为新的配对值数组 例如我需要转
  • Javascript If 语句的语义是什么

    我一直认为 if 语句本质上比较它的论点类似于 true 然而 Firebug 中的以下实验证实了我最担心的事情 在编写 Javascript 15 年之后 我仍然不知道 WTF 发生了什么 gt gt gt true false gt g
  • 跳过测试文件 Jest 中的一项测试

    我正在使用 Jest 框架并有一个测试套件 我想关闭 跳过其中一项测试 谷歌搜索文档没有给我答案 您知道答案或需要检查的信息来源吗 我在这里找到了答案 https devhints io jest https devhints io jes
  • 如何在 django 表单中设置自定义 HTML 属性?

    我有一个 Django 表单 它是页面的一部分 假设我有一个字段 search input forms CharField u Search word required False 我只能通过模板访问它 form search input
  • 将 Blob 设置为 iframe 的“src”

    以下代码在 Chrome 中完美运行 但它不适用于 IE 有人可以告诉我这里出了什么问题吗 iframe src 也设置为 blob 如下所示
  • 获取与请求

    我正在使用 JSON 流并尝试使用 fetch 来使用它 该流每隔几秒发出一些数据 仅当流关闭服务器端时 使用 fetch 来使用流才可以访问数据 例如 var target the url var options method POST
  • 在 Promise 中中止 ajax 请求

    我正在构建一个表单验证并学习承诺 我决定使用承诺模式实现异步验证函数 var validateAjax function value return new Promise function resolve reject ajax data
  • Internet Explorer 10,最大 div 大小为 1.533.917 像素

    我需要制作一个非常大的 div 以百万像素为单位 搜索我发现这个线程证明 IE 可以管理最多 10 000 000 px 确定最大可能的 DIV 高度 https stackoverflow com questions 7719273 de
  • 我想在使用 Jest Snapshots 时获得图像文件名/路径

    我已经开始使用Jest https facebook github io jest 在一个新项目中有很多 我现在正在使用Snapshot https facebook github io jest docs tutorial react h
  • 使用 Firefox 插件发出跨域 ajax 请求

    我对如何在 Firefox 插件中发出跨域 ajax 请求感到有点困惑 LastPass 和 Xmarks 等插件建议你可以做到这一点 但是当我尝试用 google 搜索你是如何做到这一点时 每个人似乎都说你不能 除非用户在 Firefox
  • SVG 沿圆弧添加文本

    我正在尝试绘制 SVG 径向饼图 如下所述 色卡 https stackoverflow com a 18210763 1395178 现在我尝试将文本与圆弧一起添加到每个切片 我试图展示Text 1具有与 M 和 A 值完全相同的 x y
  • 但为什么浏览器 DOM 经过 10 年的努力仍然这么慢?

    Web 浏览器 DOM 自 90 年代末以来就已存在 但它仍然是性能 速度方面最大的限制之一 我们拥有来自 Google Mozilla Microsoft Opera W3C 和其他各种组织的一些世界上最聪明的人才 为我们所有人致力于 W
  • javascript:新日期,缺少年份

    我打电话给 new Date Jan 4 发现默认年份是2001年 a new Date Jan 4 Thu Jan 04 2001 00 00 00 GMT 0500 EST 有什么办法可以将默认年份设置为 2011 年吗 更新 我知道我
  • 有没有办法避开 Google 路线中的特定道路或坐标?

    API 有一个航路点参数 以便 API 计算经过指定航路点的路线 有什么方法可以给出要避开的航路点而不是要经过的航路点 它 目前 尚未实施 有一个开放的功能请求 问题 214 影响方向的能力 例如 避免 路障 https code goog
  • 将 ERB 与 Handlebars 模板结合使用

    我有一个使用 ajax 创建新标签的模式 它使用 Tags 参数执行 POST 方法 而无需重新充电视图 因此 我希望根据所选的 price type 参数来呈现一个或另一个价格 div 我使用 Handlebars 所以我想这不是 rub
  • 如何使用FileSystem API的window.requestFileSystem?

    我用 JavaScript 编写了以下代码 JavaScript 代码 var fs null function initFS window requestFileSystem window requestFileSystem window

随机推荐

  • OpenFileDialog.ShowDialog() 抛出异常?

    我试图从我的 WPF 视图模型命令之一显示一个对话框 但是当我调用ShowDialog 它抛出一个System ArgumentException 我想知道是否有人可以给我提示为什么 这是我的代码 Public ReadOnly Prope
  • Post重写java中组件的paint方法

    在java awt或swing中 当您想要更改某些组件的绘制时 通常必须重写方法paint Graphics g 在awt中 或paintComponent Graphics g 在swing中 这通常 也许总是 我不确定 在创建组件时完成
  • 来自asp.net 会员身份验证的userid?

    我正在使用 asp net 登录控件进行用户身份验证 我的应用程序的许多表中也有 userID 目前 开发目的 userID 是我正在编写的 int 但是 我想开始在表中使用框架的用户 ID 在哪里以及如何访问实际的用户 ID 及其数据类型
  • 无法加载扩展类 org.apache.cxf.ws.policy.AssertionBuilderRegistryImpl

    我正在为 cxf 配置的类上运行 junit 我收到这个错误 导致 org apache cxf bus extension ExtensionException 无法加载扩展类org apache cxf ws policy Assert
  • python - 读取不同编码的各种文件

    我建了一个Python 隐写器 https codereview stackexchange com questions 165163 python steganographer using pil隐藏着UTF 8图像中的文本 效果很好 我
  • using 语句和受保护的构造函数[重复]

    这个问题在这里已经有答案了 class A protected A int struct B public A public using A A void print B b int main int argc char argv prin
  • 允许用户池中的 Cognito 用户访问 S3 存储桶的存储桶策略

    我正在尝试向我的存储桶添加存储桶策略 因为我的存储桶位于根 aws 账户中 并且我想限制根账户下的其他用户 角色等访问我的存储桶 但我的用户中的特定 Cognito 用户除外水池 我不想也使用身份池 我只想将 Cognito 用户称为我的存
  • Netty的并发编码

    编码器的encode方法会并发执行吗 我观察到编码方法可能是由不同线程并发的 管道定义为 Channels pipeline idleHandler new AmfDecoder
  • MongoDB 我应该将用户放在管理数据库还是本地数据库中

    MongoDB 中是否有关于我应该将数据库用户放在哪里的最佳实践 我刚刚设置了一个本地 MongoDB 服务器 并在管理数据库中添加了用户 并授予他们对 他们的 我的意思是用户有权访问的唯一数据库 数据库的访问权限 您认为将用户放入 他们的
  • PHP删除具有特定键重复值的关联数组的数组[重复]

    这个问题在这里已经有答案了 我有一个关联数组的数组 array xxx 0 gt array 3 group id gt 2 contact gt foo contact email gt email protected cdn cgi l
  • 隐藏/不可见 Matplotlib 图

    我有一个问题 不确定它是否困难 但我尝试用谷歌搜索答案 没有什么值得的 我的图形是全局的 可以在所有线程中访问 但它出现在程序的开头 我想在脚本的开头隐藏或使其不可见 然后在代码中的某一点使其可用或可见 有没有像visible False之
  • Html 5 本地存储在 Firefox 中不持久

    我做了一个简单的功能 localStorage setItem foo bar alert localStorage getItem foo 如果我像这样运行它就可以了 如果我在运行一次后删除第一行并且只允许这个 alert localSt
  • 如何在反应中为滑动器创建自定义导航按钮?

    Swiper React 有一个文档 但没有解释如何添加自定义导航按钮 我尝试了这个但没有成功 我正在使用 swiper 8 0 5
  • 使用 C# 在 html 文档中抓取由 JavaScript 动态生成的数据

    如何使用 C 抓取 html 文档中由 JavaScript 动态生成的数据 Using WebRequest and HttpWebResponse在C 库中 我能够以字符串形式获取整个html源代码 但困难在于源代码中不包含我想要的数据
  • 触发自定义类事件后,表单未更新

    我遇到一个问题 即使我看到事件触发 我的主表单也没有更新 让我解释一下情况并分享一些我的代码 因为我是业余爱好者 所以我确信这些代码会很糟糕 我创建了一个类来获取在后台运行进程的设置 我在该类中添加了一些自定义事件 以便我可以在表单中使用它
  • C# 泛型无法识别类型

    我不明白为什么下面的代码返回一个Cannot resolve method Write T 这对我来说似乎很明确 private static void WriteToDisk
  • 如何将您的代码上传到 Google Glass?

    我正在学习android和GDK 我安装了 Android开发者工具 和 SDK管理器 我制作了第一个 hello world 应用程序 但我不知道如何从 Windows 7 PC 连接到我的 Google Glass 来上传代码 如果有人
  • 如何释放记录中的对象?

    我想我遇到了一个棘手的情况 我需要能够释放一个记录字段的对象 如果它是一个类 我通常会在析构函数中编写清理代码 但是由于记录类型不能引入 析构函数 那么如何调用TObject 字段 Free 我预测会有两种类型的使用 用新记录替换记录 我认
  • 并发调用缓存方法

    我正在使用带有 Guava 缓存的 Spring 缓存抽象 我有一个带有 Cacheable 注释和参数 用作缓存键 的方法 用于将值放入缓存中 但该方法是在多线程环境中访问的 因此存在多个并发调用具有相同参数值的方法 因此 这意味着创建要
  • JavaScript 音频循环

    我想在后台播放音频 3 次 3 次后音频将自动停止 我已经尝试过这段代码 但它不起作用 HTML 代码