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 相关文章推荐
css把超出的部分显示为省略号的方法兼容火狐
Jul 23 Javascript
JavaScript 序列化对象实现代码
Dec 18 Javascript
jQuery的cookie插件实现保存用户登陆信息
Apr 15 Javascript
js实现鼠标经过时图片滚动停止的方法
Feb 16 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
Apr 16 Javascript
javascript常用经典算法实例详解
Nov 25 Javascript
浅析javascript中的Event事件
Dec 09 Javascript
javascript闭包功能与用法实例分析
Apr 06 Javascript
基于AngularJS实现的工资计算器实例
Jun 16 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
Jan 04 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
Nov 05 Javascript
解决layer弹出层中表单不起作用的问题
Sep 09 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
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
php+mysql实现无限级分类 | 树型显示分类关系
2006/11/19 PHP
php将gd生成的图片缓存到memcache的小例子
2013/06/05 PHP
PHP+MySql+jQuery实现的&quot;顶&quot;和&quot;踩&quot;投票功能
2016/05/21 PHP
PHP实现登录注册之BootStrap表单功能
2017/09/03 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
PHP序列化的四种实现方法与横向对比
2018/11/29 PHP
PHP chop()函数讲解
2019/02/11 PHP
jQuery ctrl+Enter shift+Enter实现代码
2010/02/07 Javascript
从盛大通行证上摘下来的身份证验证js代码
2011/01/11 Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
2012/11/01 Javascript
js函数排序的实例代码
2013/07/01 Javascript
javascript特殊用法示例介绍
2013/11/29 Javascript
文本框水印提示效果的简单实现代码
2014/02/22 Javascript
如何获取网站icon有哪些可行的方法
2014/06/05 Javascript
js判断是否按下了Shift键的方法
2015/01/27 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
BootStrap 获得轮播中的索引和当前活动的焦点对象
2017/05/11 Javascript
详解JavaScript中操作符和表达式
2018/09/12 Javascript
浅谈vue项目打包优化策略
2018/09/29 Javascript
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
Python使用minidom读写xml的方法
2015/06/03 Python
python下载图片实现方法(超简单)
2017/07/21 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
在python中logger setlevel没有生效的解决
2020/02/21 Python
python pymysql链接数据库查询结果转为Dataframe实例
2020/06/05 Python
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
wedgwood加拿大官网:1759年成立的英国国宝级陶瓷餐具品牌
2018/07/17 全球购物
捷克玩具商店:Bambule
2019/02/23 全球购物
英国婴儿及儿童产品商店:TigerParrot
2019/03/04 全球购物
计算机应用应届生求职信
2014/07/12 职场文书
合作协议书范文
2014/08/20 职场文书
教师辞职信范文
2015/02/28 职场文书
5行Python代码实现一键批量扣图
2021/06/29 Python
JAVA长虹键法之建造者Builder模式实现
2022/04/10 Java/Android