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 相关文章推荐
js创建对象的几种常用方式小结(推荐)
Oct 24 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
Apr 04 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
Feb 23 Javascript
JS中setTimeout的巧妙用法前端函数节流
Mar 24 Javascript
bootstrap table分页模板和获取表中的ID方法
Jan 10 Javascript
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
Vue循环组件加validate多表单验证的实例
Sep 18 Javascript
关于微信公众号开发无法支付的问题解决
Dec 28 Javascript
js中实例与对象的区别讲解
Jan 21 Javascript
深入理解es6块级作用域的使用
Mar 28 Javascript
el-select 下拉框多选实现全选的实现
Aug 02 Javascript
vue实践---vue不依赖外部资源实现简单多语操作
Sep 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
调试WordPress中定时任务的相关PHP脚本示例
2015/12/10 PHP
用jQuery简化JavaScript开发分析
2009/02/19 Javascript
javascript实现文字图片上下滚动的具体实例
2013/06/28 Javascript
JavaScript中对循环语句的优化技巧深入探讨
2014/06/06 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
jQuery表单事件实例代码分享
2016/08/18 Javascript
EasyUI 结合JS导出Excel文件的实现方法
2016/11/10 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
Bootstrap警告框(Alert)插件使用方法
2017/03/21 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
详解Angular如何正确的操作DOM
2018/07/06 Javascript
JS获取并处理php数组的方法实例分析
2018/09/04 Javascript
在小程序开发中使用npm的方法
2018/10/17 Javascript
详解如何运行vue项目
2019/04/15 Javascript
Vue中实现权限控制的方法示例
2019/06/07 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
python中实现指定时间调用函数示例代码
2017/09/08 Python
对numpy Array [: ,] 的取值方法详解
2018/07/02 Python
python设计微型小说网站(基于Django+Bootstrap框架)
2019/07/08 Python
ansible动态Inventory主机清单配置遇到的坑
2020/01/19 Python
Python自动化之UnitTest框架实战记录
2020/09/08 Python
pycharm 配置svn的图文教程(手把手教你)
2021/01/15 Python
美国最受欢迎的度假目的地优惠套餐:BookVIP
2018/09/27 全球购物
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
园林设计师自荐信
2013/11/18 职场文书
图书室管理制度
2014/01/19 职场文书
《散步》教学反思
2014/03/02 职场文书
大三学生学年自我鉴定
2014/09/12 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
道德模范事迹材料
2014/12/20 职场文书
2016年九九重阳节活动总结
2016/04/01 职场文书
浅谈react useEffect闭包的坑
2021/06/08 Javascript
anaconda python3.8安装后降级
2021/06/11 Python