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验证表单第二部分
Nov 25 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
基于Jquery代码实现支持PC端手机端幻灯片代码
Nov 17 Javascript
Bootstrap每天必学之面板
Nov 30 Javascript
详解javascript跨浏览器事件处理程序
Mar 27 Javascript
js判断输入字符串是否为空、空格、null的方法总结
Jun 14 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
Jul 22 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
Dec 14 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
Dec 28 Javascript
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
Angular 5.0 来了! 有这些大变化
Nov 15 Javascript
JavaScrip关于创建常量的知识点
Dec 07 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
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
微信自定义分享php代码分析
2016/11/24 PHP
PHP实现微信小程序人脸识别刷脸登录功能
2018/05/24 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
JavaScript打字小游戏代码
2011/12/26 Javascript
Javascript 页面模板化很多人没有使用过的方法
2012/06/05 Javascript
js相册效果代码(点击创建即可)
2013/04/16 Javascript
JS代码同步文本框内容的实例方法
2013/07/12 Javascript
webpack+vue2构建vue项目骨架的方法
2018/01/09 Javascript
如何去除vue项目中的#及其ie9兼容性
2018/01/11 Javascript
vue的diff算法知识点总结
2018/03/29 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
重置Redux的状态数据的方法实现
2019/11/18 Javascript
javascript实现时钟动画
2020/12/03 Javascript
pyqt4教程之widget使用示例分享
2014/03/07 Python
Python中使用copy模块实现列表(list)拷贝
2015/04/14 Python
python GUI实例学习
2017/11/21 Python
使用python 3实现发送邮件功能
2018/06/15 Python
flask 使用 flask_apscheduler 做定时循环任务的实现
2019/12/10 Python
tensorflow对图像进行拼接的例子
2020/02/05 Python
使用Python爬取弹出窗口信息的实例
2020/03/14 Python
在Ubuntu 20.04中安装Pycharm 2020.1的图文教程
2020/04/30 Python
Python可以用来做什么
2020/11/23 Python
详解Python模块化编程与装饰器
2021/01/16 Python
css3的transition属性详解
2014/12/15 HTML / CSS
Booking.com德国:预订最好的酒店和住宿
2020/02/16 全球购物
客服端调用EJB对象的几个基本步骤
2012/01/15 面试题
商场消防管理制度
2014/01/12 职场文书
农业局学习党的群众路线教育实践活动心得体会
2014/03/07 职场文书
寄语是什么意思
2014/04/10 职场文书
应届大学生求职信
2014/07/20 职场文书
校园运动会广播稿
2014/10/06 职场文书
小学语文教学随笔
2015/08/14 职场文书
2016民族团结先进个人事迹材料
2016/02/26 职场文书
Z-Order加速Hudi大规模数据集方案分析
2022/03/31 Servers