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 this用法小结
Dec 19 Javascript
json 实例详细说明教程
Oct 31 Javascript
JS弹出对话框返回值代码(asp.net后台)
Dec 28 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
JavaScript实现自动变换表格边框颜色
May 08 Javascript
JavaScript数组复制详解
Feb 02 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
javascript 通过键名获取键盘的keyCode方法
Dec 31 Javascript
vue 的keep-alive缓存功能的实现
Mar 22 Javascript
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
Vue axios获取token临时令牌封装案例
Sep 11 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
Oct 29 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
绿山咖啡和蓝山咖啡
2021/03/04 新手入门
php实现cc攻击防御和防止快速刷新页面示例
2014/02/13 PHP
Thinkphp集成抖音SDK的实现方法
2020/04/28 PHP
你所要知道JS(DHTML)中的一些技巧
2007/01/09 Javascript
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
js删除所有的cookie的代码
2010/11/25 Javascript
js获取当前地址 JS获取当前URL的示例代码
2014/02/26 Javascript
png在IE6 下无法透明的解决方法汇总
2015/05/21 Javascript
Jquery实现弹性滑块滑动选择数值插件
2015/08/08 Javascript
超漂亮的jQuery图片轮播特效
2015/11/24 Javascript
JavaScript驾驭网页-CSS与DOM
2016/03/24 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
2020/03/26 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
2016/12/20 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
layer关闭弹出窗口触发表单提交问题的处理方法
2019/09/25 Javascript
JS造成内存泄漏的几种情况实例分析
2020/03/02 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
[05:09]DOTA2-DPC中国联赛2月22日Recap集锦
2021/03/11 DOTA
Python 文件读写操作实例详解
2014/03/12 Python
Python 2与Python 3版本和编码的对比
2017/02/14 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
python微信公众号之关注公众号自动回复
2018/10/25 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
Python列表解析操作实例总结
2020/02/26 Python
python的reverse函数翻转结果为None的问题
2020/05/11 Python
Python tkinter之Bind(绑定事件)的使用示例
2021/02/05 Python
CSS3 中的@keyframes介绍
2014/09/02 HTML / CSS
英语专业毕业个人求职自荐信
2013/09/21 职场文书
省优秀教师事迹材料
2014/01/30 职场文书
教师通用专业自荐书范文
2014/02/11 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书
浅谈怎么给Python添加类型标注
2021/06/08 Python
彻底解决MySQL使用中文乱码的方法
2022/01/22 MySQL
python 远程执行命令的详细代码
2022/02/15 Python