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 相关文章推荐
Add a Formatted Table to a Word Document
Jun 15 Javascript
JavaScript 创建对象和构造类实现代码
Jul 30 Javascript
Javascript计算时间差的函数分享
Jul 04 Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 Javascript
js 加密压缩出现bug解决方案
Nov 25 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
Feb 25 Javascript
AngularJS实现动态添加Option的方法
May 17 Javascript
基于Vue的延迟加载插件vue-view-lazy
May 21 Javascript
200行HTML+JavaScript实现年会抽奖程序
Jan 22 Javascript
浅谈JS中几种轻松处理'this'指向方式
Sep 16 Javascript
JS实现拼图游戏
Jan 29 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
Oct 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
PHP中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
Yii2实现log输出到file及database的方法
2016/11/12 PHP
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
将CKfinder整合进CKEditor3.0的新方法
2010/01/10 Javascript
jquery实现鼠标拖动图片效果示例代码
2014/01/09 Javascript
教你如何使用PHP输出中文JSON字符串
2014/05/22 Javascript
浅谈Unicode与JavaScript的发展史
2015/01/19 Javascript
javascript格式化日期时间方法汇总
2015/06/19 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
2015/12/07 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
2016/05/26 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
EasyUI在表单提交之前进行验证的实例代码
2016/06/24 Javascript
Node.js中用D3.js的方法示例
2017/01/16 Javascript
PHP实现记录代码运行时间封装类实例教程
2017/05/08 Javascript
JavaScript实现职责链模式概述
2018/01/25 Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
2018/09/21 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
Python实现简单的可逆加密程序实例
2015/03/05 Python
在主机商的共享服务器上部署Django站点的方法
2015/07/22 Python
python xlsxwriter创建excel图表的方法
2018/06/11 Python
使用python实现http及ftp服务进行数据传输的方法
2018/10/26 Python
python内置数据类型之列表操作
2018/11/12 Python
Python自动化导出zabbix数据并发邮件脚本
2019/08/16 Python
Python 爬虫实现增加播客访问量的方法实现
2019/10/31 Python
Python Tornado之跨域请求与Options请求方式
2020/03/28 Python
使用Python构造hive insert语句说明
2020/06/06 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
HTML5新增的8类INPUT输入类型介绍
2015/07/06 HTML / CSS
Vuori官网:运动服装的终级表现
2021/01/27 全球购物
商务会议邀请函
2014/01/09 职场文书
忠诚教育心得体会
2014/09/03 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
成品仓库管理员岗位职责
2015/04/09 职场文书
创业计划书之儿童理发店
2019/09/27 职场文书
使用tensorflow 实现反向传播求导
2021/05/26 Python
Python Django / Flask如何使用Elasticsearch
2022/04/19 Python