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实现客户端表格的分页、排序功能代码
Mar 16 Javascript
浅析js封装和作用域
Jul 09 Javascript
javascript创建函数的20种方式汇总
Jun 23 Javascript
JavaScript设计模式初探
Jan 07 Javascript
JS组件Bootstrap Select2使用方法详解
Apr 17 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
Bootstrap4如何定制自己的颜色和风格
Feb 26 Javascript
JS实现电话号码的字母组合算法示例
Feb 26 Javascript
uni app仿微信顶部导航条功能
Sep 17 Javascript
js利用拖放实现添加删除
Aug 27 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 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
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
黑夜路人出的几道php笔试题
2009/08/04 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
php查询及多条件查询
2017/02/26 PHP
jQuery渐变发光导航菜单的实例代码
2013/03/27 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
JavaScript排序算法之希尔排序的2个实例
2014/04/04 Javascript
jquery事件绑定解绑机制源码解析
2016/09/19 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
Bootstrap Scrollspy源码学习
2017/03/02 Javascript
浅谈gulp创建完整的项目流程
2017/12/20 Javascript
js最全的数组的降维5种办法(小结)
2020/04/28 Javascript
使用typescript快速开发一个cli的实现示例
2020/12/09 Javascript
详解Python中的Numpy、SciPy、MatPlotLib安装与配置
2017/11/17 Python
100行python代码实现跳一跳辅助程序
2018/01/15 Python
Python图像处理之识别图像中的文字(实例讲解)
2018/05/10 Python
详解Python 正则表达式模块
2018/11/05 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
pandas之分组groupby()的使用整理与总结
2020/06/18 Python
python3 中时间戳、时间、日期的转换和加减操作
2020/07/14 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
Nordgreen英国官网:斯堪的纳维亚设计师手表
2018/10/24 全球购物
大学生职业生涯规划范文
2014/01/08 职场文书
国贸专业的职业规划范文
2014/01/23 职场文书
七一党建活动方案
2014/01/28 职场文书
致长跑运动员加油稿
2014/02/20 职场文书
保险专业大学生职业规划书
2014/03/03 职场文书
班级课外活动总结
2014/07/09 职场文书
学生检讨书怎么写?
2014/10/10 职场文书
2015年幼儿园中班工作总结
2015/04/25 职场文书
学会用Python实现滑雪小游戏,再也不用去北海道啦
2021/05/20 Python
Vue3.0 手写放大镜效果
2021/07/25 Vue.js
MYSQL 的10大经典优化案例场景实战
2021/09/14 MySQL
鲲鹏 CentOS 7 安装Python3.7
2022/05/11 Servers