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 OOP面向对象介绍
Dec 02 Javascript
通过jQuery源码学习javascript(二)
Dec 27 Javascript
一系列Bootstrap导航条使用方法分享
Apr 29 Javascript
酷! 不同风格页面布局幻灯片特效js实现
Feb 19 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
Oct 21 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
Apr 28 Javascript
JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
Sep 04 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
微信小程序中weui用法解析
Oct 21 Javascript
vue 点击其他区域关闭自定义div操作
Jul 17 Javascript
JavaScript Blob对象原理及用法详解
Oct 14 Javascript
Vue 实例中使用$refs的注意事项
Jan 29 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相当简单的分页类
2008/10/02 PHP
php设计模式 Command(命令模式)
2011/06/26 PHP
PHP中ini_set与ini_get用法实例
2014/11/04 PHP
php操作xml入门之cdata区段
2015/01/23 PHP
thinkPHP删除前弹出确认框的简单实现方法
2016/05/16 PHP
php如何利用pecl安装mongodb扩展详解
2019/01/09 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
jquery时间下拉框小例子
2013/04/15 Javascript
jQuery JSON实现无刷新三级联动实例探讨
2013/05/28 Javascript
js 自动播放的实例代码
2013/11/19 Javascript
js获取url中&quot;?&quot;后面的字串方法
2014/05/15 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
js数组如何添加json数据及js数组与json的区别
2015/10/27 Javascript
基于Bootstrap3表格插件和分页插件实例详解
2016/05/17 Javascript
js实现类bootstrap模态框动画
2017/02/07 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
AngularJS 异步解决实现方法
2017/06/12 Javascript
npm 下载指定版本的组件方法
2018/05/17 Javascript
JS学习笔记之原型链和利用原型实现继承详解
2019/05/29 Javascript
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
Python实现网站文件的全备份和差异备份
2014/11/30 Python
python每隔N秒运行指定函数的方法
2015/03/16 Python
Tensorflow之Saver的用法详解
2018/04/23 Python
python实现简易动态时钟
2018/11/19 Python
如何更优雅地写python代码
2019/07/02 Python
详解python中__name__的意义以及作用
2019/08/07 Python
pytorch神经网络之卷积层与全连接层参数的设置方法
2019/08/18 Python
python logging模块的使用详解
2020/10/23 Python
欧洲第一中国智能手机和平板电脑网上商店:CECT-SHOP
2018/01/08 全球购物
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
C++是不是类型安全的
2014/02/18 面试题
简述索引存取方法的作用和建立索引的原则
2013/03/26 面试题
一份软件工程师的面试试题
2016/02/01 面试题
商场主管竞聘书
2014/03/31 职场文书
后进生评语大全
2015/01/04 职场文书