• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 如何利用js来控制音频的播放次数

如何利用js来控制音频的播放次数

作者:PH15827177890的博客 字体:[增加 减小] 来源:互联网 时间:2017-08-04

PH15827177890的博客通过本文主要向大家介绍了web开发,jsp,javascript等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

 

今天在进行订单的web开发的时候,碰到了一个问题,即如何利用js来让提示音播放三次,最终通过在网上查找的资料和不断的尝试,总算是解决了这个问题。

 

以下是详细代码:

这是写在jsp里面的:

div style="display:block;" id="audioinfo">
<audio id="myVideo" width="320" height="176" controls>
  <source src="admin/images/notify.mp3" type="audio/mp3"></source>
  <source src="mov_bbb.ogg" type="video/ogg"></source>
</audio>
<!-- <audio src="admin/images/notify.mp3" controls autoplay> -->
</div>

如果你想问ogg是什么?可以访问这个地址https://zhidao.baidu.com/question/2009641132814082148.html

 

然后这个是主要的js方法:

function Orderprocessing1(){
	 	var vid = document.getElementById("myVideo");//获取音频对象
 		var start = 0;//定义循环的变量
 		var times=3;//定于循环的次数
    	vid.addEventListener("ended",function() {
		vid.play();//启动音频,也就是播放
        start++;//循环
        start == times && vid.pause();//也就是当循环的变量等于次数的时候,就会终止循环并且关掉音频
    	});
    	vid.play();//启动音频,用于第一次启动
	   }

如果你想调用这个方法可以写一个click事件,或者写个js方法调用:

 

$(function(){
	 	 setInterval("Orderprocessing1()",60000);//每隔1分钟自动调用一次启动音频的方法
	   });

 

 

 

本人也是菜鸟一个,写这些只为整理下来以后自己看
 

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 快速使用node.js进行web开发详解
  • nodejs 终端打印进度条实例代码
  • 移动端使用localResizeIMG4压缩图片
  • 详解Node.js实现301、302重定向服务
  • B/S(Web)实时通讯解决方案分享
  • Web开发中客户端的跳转与服务器端的跳转的区别
  • 利用node.js搭建简单web服务器的方法教程
  • NodeJS配置HTTPS服务实例分享
  • 利用n 升级工具升级Node.js版本及在mac环境下的坑
  • 如何利用js来控制音频的播放次数

相关文章

  • 2017-05-11JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
  • 2017-05-11jquery 正整数数字校验正则表达式
  • 2017-05-11js实现简单的网页换肤效果
  • 2017-05-11微信小程序 二维码canvas绘制实例详解
  • 2017-05-11JavaScript数据结构之二叉树的删除算法示例
  • 2017-05-11从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
  • 2017-05-11JavaScript自定义分页样式
  • 2017-05-11BootStrapValidator初使用教程详解
  • 2017-05-11详解nodejs微信公众号开发——3.封装消息响应模块
  • 2017-05-11javascript实现圣旨卷轴展开效果(代码分享)

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Javascript设计模式-17-装饰者模式
    • 基于JS实现9种不同的面包屑和分布式多步骤导航效果
    • JS实现仿百度文库评分功能
    • jQuery EasyUI tree增加搜索功能的实现方法
    • jQuery实现大图轮播
    • 详解JS: reduce方法实现 webpack多文件入口
    • nodejs 实现钉钉ISV接入的加密解密方法
    • jQuery实现文章图片弹出放大效果
    • 使用smartupload组件实现jsp+jdbc上传下载文件实例解析
    • Bootstrap框架安装使用详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有