js控制网页背景音乐播放与停止的方法
更新时间：2015年02月06日 10:33:57 作者：飞雪
这篇文章主要介绍了js控制网页背景音乐播放与停止的方法,实例分析了javascript控制背景音乐的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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>
<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程序设计有所帮助。
相关文章
![分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]](//img.jbzj.com/images/xgimg/bcimg0.png)
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
今天地铁上和一个同事闲聊,给我说的一道题,回来想了想,写出来的,说来惭愧,我用的是行测方面数字推理里面的知识归纳出来的,当然这个可以用递归写出来,说说我的代码,以及递归的思路2012-10-10
javascript removeChild 导致的内存泄漏
最近看到司徒正美的一篇文章《移除DOM节点》，文中说到在IE中移除容器类节点，会引起内存泄露。2010-08-08
js中获取URL参数的共用方法getRequest()方法实例详解
本文通过实例代码给大家介绍了js中获取URL参数的共用方法getRequest()方法 ,文末给大家提到了js获取url参数值的两种方式，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-10-10
javascript模拟select,jselect的方法实现
由于主流浏览器对select元素渲染不同，所以在每种浏览器下显示也不一样，最主要的是默认情况下UI太粗糙，即使通过css加以美化也不能达到很美观的效果2012-11-11
这篇文章主要介绍了JavaScript中Iterator迭代器接口和循环，迭代器是数据结构遍历的一种机制迭代器主要是提供for...of使用，更多相关内推需要的小伙伴可以参考下面文章内容2022-06-06
JavaScript网页表单form中禁止自动提交的两种方式
本文是我本人在开发网页时,在表单中加入了button按钮,本来是用于jQuery点击相应事件的按钮,然后,但我点击button时,发现不是达到jQuery指定效果,所以在本文中,我们将讨论网页表单（form）中提交的两种方式,需要的朋友可以参考下2024-06-06
这篇文章主要介绍了JS实现的3D拖拽翻页效果,通过鼠标事件结合时间函数动态操作页面元素实现拖拽翻页的效果,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了javascript面向对象之对象的深入理解,将javascript面向对象程序设计中一切都视为对象,并以实例形式进一步分析了面向对象的特性,需要的朋友可以参考下2015-01-01
用了获取键盘值的代码。2009-04-04
这篇文章主要为大家介绍了uniapp如何使用定位过程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
![分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]](http://img.jbzj.com/images/xgimg/bcimg0.png)
最新评论