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之一
Apr 27 Javascript
面向对象继承实例(a如何继承b问题)(自写)
Jul 01 Javascript
JavaScript开发Chrome浏览器扩展程序UI的教程
May 16 Javascript
JavaScript实现时间倒计时跳转(推荐)
Jun 28 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
Dec 08 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
Mar 02 Javascript
Vue组件tree实现树形菜单
Apr 13 Javascript
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
vue实现商品加减计算总价的实例代码
Aug 12 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
js实现查询商品案例
Jul 22 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
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
php简单实现多维数组排序的方法
2016/09/30 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
JavaScript中的DSL元编程介绍
2015/03/15 Javascript
Node.js模块封装及使用方法
2016/03/06 Javascript
Angular.js之作用域scope'@','=','&amp;'实例详解
2017/02/28 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
2017/05/12 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
JavaScript脚本语言是什么_动力节点Java学院整理
2017/06/26 Javascript
vue 实现 tomato timer(蕃茄钟)实例讲解
2017/07/24 Javascript
使用Vue组件实现一个简单弹窗效果
2018/04/23 Javascript
Javascript实现购物车功能的详细代码
2018/05/08 Javascript
解决vue-cli3 使用子目录部署问题
2018/07/19 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
Node.js系列之连接DB的方法(3)
2019/08/30 Javascript
vue+element tabs选项卡分页效果
2020/06/29 Javascript
layui table 表格上添加日期控件的两种方法
2019/09/28 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
JS实现可控制的进度条
2020/03/25 Javascript
JS如何实现手机端输入验证码效果
2020/05/13 Javascript
python笔记(2)
2012/10/24 Python
Python使用文件锁实现进程间同步功能【基于fcntl模块】
2017/10/16 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
Python爬虫中urllib库的进阶学习
2018/01/05 Python
Python爬虫之正则表达式基本用法实例分析
2018/08/08 Python
Python hashlib加密模块常用方法解析
2019/12/18 Python
css3动画效果小结(推荐)
2016/07/25 HTML / CSS
DNA测试:Orig3n
2019/03/01 全球购物
Ooni英国官网:披萨烤箱
2020/05/31 全球购物
学校食堂采购员岗位职责
2013/12/05 职场文书
乐观大学生的自我评价
2014/01/10 职场文书
社区母亲节活动方案
2014/03/05 职场文书
安全生产标语大全
2014/10/06 职场文书
高三语文复习计划
2015/01/19 职场文书
慈善募捐倡议书
2015/04/27 职场文书
Python获取指定日期是"星期几"的6种方法
2022/03/13 Python