编程 Javascript

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程序设计有所帮助。

js控制网页背景音乐播放与停止的方法

- Author -

飞雪

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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