js控制网页背景音乐播放与停止的方法


Posted in Javascript onFebruary 06, 2015

本文实例讲述了js控制网页背景音乐播放与停止的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>js控制背景音乐bgsound的方法(开始与停止)</title>

</head>

 

<body>

<script type="text/javascript">

var bg_sound=document.createElement_x("bgsound");//创建背景音乐

bg_sound.id="i_bg"//设置id属性

document.body.appendChild(bg_sound);//body中添加背景音乐

//bg_sound.src="tmp3.mp3";

i_bg.src="tmp3.mp3";//设置一个背景音乐文件

//应该也可以用write写出来,可以试下效果。

function bg_stop(){

  i_bg.src="";

}

function bg_start(){

  i_bg.src="tmp3.mp3";

}

</script>

<span ><a onclick="javascript:bg_stop();" href="javascript:void(0);">背景音乐停止</a></span>  <span ><a onclick="javascript:bg_start();" href="javascript:void(0);">背景音乐开始</a></span>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript tips提示框组件实现代码
Nov 19 Javascript
JavaScript中的细节分析
Jun 30 Javascript
jquery移动端TAB触屏切换实现效果
Dec 22 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
Jan 08 Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
Nov 29 Javascript
vue实现文件上传功能
Aug 13 Javascript
angularjs手动识别字符串中的换行符方法
Oct 02 Javascript
一文快速了解JQuery中的AJAX
May 31 jQuery
如何使用gpu.js改善JavaScript的性能
Dec 01 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 Vue.js
微信小程序 根据不同用户切换不同TabBar
Apr 21 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
Feb 06 #Javascript
触屏中的JavaScript事件分析
Feb 06 #Javascript
JavaScript事件委托技术实例分析
Feb 06 #Javascript
JavaScript比较两个对象是否相等的方法
Feb 06 #Javascript
JavaScript 异常处理 详解
Feb 06 #Javascript
jquery中change()用法实例分析
Feb 06 #Javascript
javaScript的函数对象的声明详解
Feb 06 #Javascript
You might like
分页显示Oracle数据库记录的类之二
2006/10/09 PHP
discuz程序的PHP加密函数原理分析
2011/08/05 PHP
PHP Global定义全局变量使用说明
2013/08/15 PHP
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)
2020/07/24 PHP
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
页面回到顶部的三种实现(锚标记,js)
2012/10/01 Javascript
javascript将url中的参数加密解密代码
2014/11/17 Javascript
node.js中的http.request.end方法使用说明
2014/12/10 Javascript
Shell脚本实现Linux系统和进程资源监控
2015/03/05 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
JQuery日历插件My97DatePicker日期范围限制
2016/01/20 Javascript
实例解析Array和String方法
2016/12/14 Javascript
Vue2.0使用过程常见的一些问题总结学习
2017/04/10 Javascript
layer.open组件获取弹出层页面变量、函数的实例
2019/09/25 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
vue-cli —— 如何局部修改Element样式
2020/10/22 Javascript
python判断端口是否打开的实现代码
2013/02/10 Python
python实现通过pil模块对图片格式进行转换的方法
2015/03/24 Python
Python中使用partial改变方法默认参数实例
2015/04/28 Python
python实现对指定字符串补足固定长度倍数截断输出的方法
2018/11/15 Python
Python是怎样处理json模块的
2020/07/16 Python
Python连接Mysql进行增删改查的示例代码
2020/08/03 Python
属性与 @property 方法让你的python更高效
2020/09/21 Python
CSS3实现超酷的黑猫警长首页
2016/04/26 HTML / CSS
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
2018/09/19 HTML / CSS
联想澳大利亚官网:Lenovo Australia
2018/01/18 全球购物
C#如何调用Windows程序打开一个文档
2014/12/26 面试题
高中生学习总结的自我评价范文
2013/10/13 职场文书
《珍珠泉》教学反思
2014/02/20 职场文书
专家推荐信模板
2014/05/09 职场文书
广播体操口号
2014/06/18 职场文书
对照检查剖析材料
2014/09/30 职场文书
教师节表彰会主持词
2015/07/06 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL
为什么在foreach循环中JAVA集合不能添加或删除元素
2021/06/11 Java/Android