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数组插入一条记录的代码
Aug 30 Javascript
用原生js做个简单的滑动效果的回到顶部
Oct 15 Javascript
JavaScript定时器和优化的取消定时器方法
Jul 03 Javascript
JavaScript表单验证实例之验证表单项是否为空
Jan 10 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 Javascript
原生JS和jQuery版实现文件上传功能
Apr 18 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
Oct 08 Javascript
javascript实现复选框全选或反选
Feb 04 Javascript
webpack源码之loader机制详解
Apr 06 Javascript
vue项目环境变量配置的实现方法
Oct 12 Javascript
NestJs使用Mongoose对MongoDB操作的方法
Feb 22 Javascript
vue使用echarts实现折线图
Mar 21 Vue.js
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+JS实现的实时搜索提示功能
2018/03/13 PHP
激活 ActiveX 控件
2006/10/09 Javascript
HTML中事件触发列表与解说
2007/07/09 Javascript
js left,right,mid函数
2008/06/10 Javascript
ExtJS Store的数据访问与更新问题
2010/04/28 Javascript
JS文本框追加多个下拉框的值的简单实例
2013/07/12 Javascript
浅谈Nodejs观察者模式
2015/10/13 NodeJs
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
2016/12/13 Javascript
vue.js 微信支付前端代码分享
2018/02/10 Javascript
Vue Router去掉url中默认的锚点#
2018/08/01 Javascript
VUE 配置vue-devtools调试工具及安装方法
2018/09/30 Javascript
详解javascript 变量提升(Hoisting)
2019/03/12 Javascript
原生js实现瀑布流效果
2020/03/09 Javascript
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
Python的一些用法分享
2012/10/07 Python
Python3.7 dataclass使用指南小结
2019/02/22 Python
Python3.5内置模块之random模块用法实例分析
2019/04/26 Python
Python实现简单的列表冒泡排序和反转列表操作示例
2019/07/10 Python
解决python明明pip安装成功却找不到包的问题
2019/08/28 Python
Python编写一个验证码图片数据标注GUI程序附源码
2019/12/09 Python
django xadmin action兼容自定义model权限教程
2020/03/30 Python
枚举与#define宏的区别
2014/04/30 面试题
中西医结合临床医学专业大学生自荐信
2013/09/28 职场文书
幼儿园长自我鉴定
2013/10/17 职场文书
宿舍打麻将检讨书
2014/01/24 职场文书
新年联欢会主持词
2014/03/27 职场文书
学校春季防火方案
2014/06/08 职场文书
商务英语专业求职信
2014/06/26 职场文书
年度安全生产目标责任书
2014/07/23 职场文书
授权委托书格式范文
2014/08/02 职场文书
2015年高二班主任工作总结
2015/05/25 职场文书
工资证明格式模板
2015/06/12 职场文书
休学证明范本
2015/06/19 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
零基础学java之带参数以及返回值的方法
2022/04/10 Java/Android