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 相关文章推荐
input的focus方法使用
Mar 13 Javascript
js 字符串转换成数字的三种方法
Mar 23 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
Jun 24 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
Mar 18 Javascript
JavaScript实现的购物车效果可以运用在好多地方
May 09 Javascript
简单总结JavaScript中的String字符串类型
May 26 Javascript
js拼接html字符串的注意事项
Oct 13 Javascript
前端JS面试中常见的算法问题总结
Dec 23 Javascript
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
Nov 14 Javascript
微信小程序实现两个页面传值的方法分析
Dec 11 Javascript
详解关于Vuex的action传入多个参数的问题
Feb 22 Javascript
Vue extend的基本用法(实例详解)
Dec 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
PHP 字符串正则替换函数preg_replace使用说明
2011/07/15 PHP
php判断文件夹是否存在不存在则创建
2015/04/09 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
JQuery中html()方法使用不当带来的陷阱
2011/04/07 Javascript
javascript强大的日期函数代码分享
2013/09/04 Javascript
jquery的live使用注意事项
2014/02/18 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
2014/03/13 Javascript
jquery实现的美女拼图游戏实例
2015/05/04 Javascript
jQuery取消ajax请求的方法
2015/06/09 Javascript
jquery中绑定事件的异同
2017/02/28 Javascript
详解HTTPS 的原理和 NodeJS 的实现
2017/07/04 NodeJs
安装vue-cli的简易过程
2018/05/22 Javascript
jQuery仿移动端支付宝键盘的实现代码
2018/08/15 jQuery
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
[49:31]TFT vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python实现二分查找算法实例
2015/05/26 Python
玩转python爬虫之正则表达式
2016/02/17 Python
python 实时遍历日志文件
2016/04/12 Python
Python模拟用户登录验证
2017/09/11 Python
python写入已存在的excel数据实例
2018/05/03 Python
Python实现繁体中文与简体中文相互转换的方法示例
2018/12/18 Python
解决PyCharm不运行脚本,而是运行单元测试的问题
2019/01/17 Python
Python实现合并excel表格的方法分析
2019/04/13 Python
python中selenium操作下拉滚动条的几种方法汇总
2019/07/14 Python
美国快时尚彩妆品牌:Winky Lux(透明花瓣润唇膏)
2018/11/06 全球购物
业务经理岗位职责
2013/11/11 职场文书
广告词串烧
2014/03/19 职场文书
党支部换届选举方案
2014/05/08 职场文书
司法局群众路线教育实践活动开展情况总结
2014/10/25 职场文书
2014年信用社工作总结
2014/11/25 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
违反学校规则制度检讨书
2015/01/01 职场文书
《我是什么》教学反思
2016/02/16 职场文书
详解RedisTemplate下Redis分布式锁引发的系列问题
2021/04/27 Redis
springboot中的pom文件 project报错问题
2022/01/18 Java/Android