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 相关文章推荐
利用了jquery的ajax实现二级联互动菜单
Dec 02 Javascript
浅谈JS日期(Date)处理函数
Dec 07 Javascript
jquery实现勾选复选框触发事件给input赋值
Feb 01 Javascript
JavaScript实现16进制颜色值转RGB的方法
Feb 09 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
Jul 29 Javascript
js实现网页多级级联菜单代码
Aug 20 Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 Javascript
JS代码随机生成姓名、手机号、身份证号、银行卡号
Apr 27 Javascript
想用好React的你必须要知道的一些事情
Jul 24 Javascript
详解基于vue-cli优化的webpack配置
Nov 06 Javascript
JavaScript 日期时间选择器一些小结
Apr 02 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 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
判断是否为指定长度内字符串的php函数
2010/02/16 PHP
php表单提交问题的解决方法
2011/04/12 PHP
php抓取页面的几种方法详解
2013/06/17 PHP
PHP实现CSV文件的导入和导出类
2015/03/24 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
js或css实现滚动广告的几种方案
2010/01/28 Javascript
通过判断JavaScript的版本实现执行不同的代码
2010/05/11 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
2011/04/02 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
2014/08/06 Javascript
Javascript this 关键字 详解
2014/10/22 Javascript
jquery手风琴特效插件
2015/02/04 Javascript
JavaScript保存并运算页面中数字类型变量的写法
2015/07/06 Javascript
javascript中的3种继承实现方法
2016/01/27 Javascript
js中最容易被忽视的事件问题大总结
2016/05/15 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
vue实现拖拽进度条
2021/03/01 Vue.js
Python+Opencv识别两张相似图片
2020/03/23 Python
用pickle存储Python的原生对象方法
2017/04/28 Python
Python利用递归和walk()遍历目录文件的方法示例
2017/07/14 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
python将pandas datarame保存为txt文件的实例
2019/02/12 Python
keras模型可视化,层可视化及kernel可视化实例
2020/01/24 Python
Delphi工程师笔试题
2013/09/21 面试题
艺术系应届生的自我评价
2013/10/19 职场文书
平面设计专业大学生职业规划书
2014/03/12 职场文书
不错的求职信范文
2014/07/20 职场文书
员工拾金不昧表扬稿
2015/05/05 职场文书
幼儿园门卫安全责任书
2015/05/08 职场文书
暑期家教宣传单
2015/07/14 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书
合同范本之电脑出租
2019/08/13 职场文书