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 相关文章推荐
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
jquery 表单取值常用代码
Dec 22 Javascript
javascript showModalDialog模态对话框使用说明
Dec 31 Javascript
经典海量jQuery插件 大家可以收藏一下
Feb 07 Javascript
javascript克隆对象深度介绍
Nov 20 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
May 05 Javascript
JavaScript入门教程之引用类型
May 04 Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
Jun 12 Javascript
JS 实现可停顿的垂直滚动实例代码
Nov 23 Javascript
使用DeviceOne实现微信小程序功能
Dec 29 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
详解阿里Node.js技术文档之process模块学习指南
Jan 04 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中养成7个面向对象的好习惯
2010/01/28 PHP
php 获取本机外网/公网IP的代码
2010/05/09 PHP
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
本地计算机无法启动Apache故障处理
2014/08/08 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
PHP校验15位和18位身份证号的类封装
2018/11/07 PHP
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
关于js new Date() 出现NaN 的分析
2012/10/23 Javascript
没有document.getElementByName方法
2013/08/19 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
2016/06/20 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
js实现随机数小游戏
2019/06/28 Javascript
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
Python 模块EasyGui详细介绍
2017/02/19 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
让Django支持Sql Server作后端数据库的方法
2018/05/29 Python
Python 如何优雅的将数字转化为时间格式的方法
2019/09/26 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
python热力图实现简单方法
2021/01/29 Python
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
Html5页面获取微信公众号的openid的方法
2020/05/12 HTML / CSS
Laura Geller官网:美国彩妆品牌
2018/12/29 全球购物
建筑专业毕业生推荐信
2013/11/21 职场文书
《童年》教学反思
2014/02/18 职场文书
绩效工资实施方案
2014/03/15 职场文书
租房协议书样本
2014/08/20 职场文书
2014年合同管理工作总结
2014/12/02 职场文书
写给老师的感谢信
2015/01/20 职场文书
感谢信范文大全
2015/01/23 职场文书
2016思想纪律作风整顿心得体会
2016/01/23 职场文书
检讨书格式
2019/04/25 职场文书
ubuntu如何搭建vsftpd服务器
2022/12/24 Servers