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 相关文章推荐
JQery 渐变图片导航效果代码 漂亮
Jan 01 Javascript
js复制网页内容并兼容各主流浏览器的代码
Dec 17 Javascript
轻松实现JavaScript图片切换
Jan 12 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
jQuery动态产生select option下拉列表
Mar 15 Javascript
vue-router 路由基础的详解
Oct 17 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
Sep 03 Javascript
代码分析vue中如何配置less
Sep 28 Javascript
小程序自定义单页面、全局导航栏的实现代码
Mar 15 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
在vue+element ui框架里实现lodash的debounce防抖
Nov 13 Javascript
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
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
PHP与javascript对多项选择的处理
2006/10/09 PHP
用PHP写的MySQL数据库用户认证系统代码
2007/03/22 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
如何在PHP中生成随机数
2020/06/04 PHP
表单类各种类型(文本框)失去焦点效果jquery代码
2013/04/26 Javascript
js+HTML5实现视频截图的方法
2015/06/16 Javascript
利用css+原生js制作简单的钟表
2020/04/07 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
JavaScript浮点数及运算精度调整详解
2016/10/21 Javascript
vue中使用refs定位dom出现undefined的解决方法
2017/12/21 Javascript
NodeJS实现不可逆加密与密码密文保存的方法
2018/03/16 NodeJs
Vue在页面右上角实现可悬浮/隐藏的系统菜单
2018/05/04 Javascript
jquery实现的简单轮播图功能【适合新手】
2018/08/17 jQuery
vue + element-ui的分页问题实现
2018/12/17 Javascript
Python bsddb模块操作Berkeley DB数据库介绍
2015/04/08 Python
分析并输出Python代码依赖的库的实现代码
2015/08/09 Python
Python随机数用法实例详解【基于random模块】
2017/04/18 Python
python中lambda()的用法
2017/11/16 Python
Python语言描述随机梯度下降法
2018/01/04 Python
使用pandas读取csv文件的指定列方法
2018/04/21 Python
局域网内python socket实现windows与linux间的消息传送
2019/04/19 Python
python面试题之列表声明实例分析
2019/07/08 Python
python 绘制拟合曲线并加指定点标识的实现
2019/07/10 Python
通过python实现随机交换礼物程序详解
2019/07/10 Python
python matplotlib如何给图中的点加标签
2019/11/14 Python
浅谈TensorFlow之稀疏张量表示
2020/06/30 Python
Pytest单元测试框架如何实现参数化
2020/09/05 Python
手摸手教你用canvas实现给图片添加平铺水印的实现
2019/08/20 HTML / CSS
PacSun官网:加州生活方式服装、鞋子和配饰
2018/03/10 全球购物
销售顾问的岗位职责
2013/11/13 职场文书
国贸专业毕业求职信
2014/06/11 职场文书
个人融资协议书范本两则
2014/10/15 职场文书
2014年纳税评估工作总结
2014/12/23 职场文书
证券公司客户经理岗位职责
2015/04/09 职场文书
决心书格式及范文
2019/06/24 职场文书
python图像处理 PIL Image操作实例
2022/04/09 Python