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 相关文章推荐
根据邮箱的域名跳转到相应的登录页面的代码
Feb 27 Javascript
高性能Javascript笔记 数据的存储与访问性能优化
Aug 02 Javascript
js实现动态改变字体大小代码
Jan 02 Javascript
jquery Deferred 快速解决异步回调的问题
Apr 05 Javascript
javascript基本语法
May 31 Javascript
简单实现IONIC购物车功能
Jan 10 Javascript
微信小程序页面间通信的5种方式
Mar 31 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
利用JS实现一个同Excel表现的智能填充算法
Aug 13 Javascript
在vue中使用setInterval的方法示例
Apr 16 Javascript
Swiper.js实现移动端元素左右滑动
Sep 08 Javascript
vue项目中js-cookie的使用存储token操作
Nov 13 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
QQ登录 PHP OAuth示例代码
2011/07/20 PHP
PHP中实现中文字符进制转换原理分析
2011/12/06 PHP
简单的php缓存类分享     php缓存机制
2014/01/22 PHP
PHP 5.6.11 访问SQL Server2008R2的几种情况详解
2016/08/08 PHP
php结合redis高并发下发帖、发微博的实现方法
2016/12/15 PHP
jQuery解决iframe高度自适应代码
2009/12/20 Javascript
IE JS无提示关闭窗口不提示的方法
2010/04/29 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
js常用的继承--组合式继承
2017/03/06 Javascript
JavaScript运动框架 多物体任意值运动(三)
2017/05/17 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
2017/08/24 jQuery
create-react-app修改为多页面支持的方法
2018/05/17 Javascript
Vue axios设置访问基础路径方法
2018/09/19 Javascript
Vue中插入HTML代码的方法
2018/09/21 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
2019/02/02 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
2019/04/30 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
2020/02/24 Javascript
toString.call()通用的判断数据类型方法示例
2020/08/28 Javascript
JavaScript 实现轮播图特效的示例
2020/11/05 Javascript
详解python基础之while循环及if判断
2017/08/24 Python
理论讲解python多进程并发编程
2018/02/09 Python
对numpy中array和asarray的区别详解
2018/04/17 Python
对Pandas DataFrame缺失值的查找与填充示例讲解
2018/11/06 Python
python3 爬取图片的实例代码
2018/11/06 Python
windows下python虚拟环境virtualenv安装和使用详解
2019/07/16 Python
Python爬取爱奇艺电影信息代码实例
2019/11/26 Python
解决PDF 转图片时丢文字的一种可能方式
2021/03/04 Python
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
澳大利亚领先的皮肤诊所:Skin Matrix(抗衰老、痤疮专家、药妆护肤)
2018/05/20 全球购物
2014年父亲节活动方案
2014/03/06 职场文书
学生评语大全
2014/04/18 职场文书
学校先进集体事迹材料
2014/05/31 职场文书
社区服务活动小结
2014/07/08 职场文书
2016母亲节感恩话语
2015/12/09 职场文书
婚礼必备主持词范本!
2019/07/23 职场文书