编程 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 相关文章推荐

给Javascript数组插入一条记录的代码

Aug 30 Javascript

用原生js做个简单的滑动效果的回到顶部

Oct 15 Javascript

JavaScript定时器和优化的取消定时器方法

Jul 03 Javascript

JavaScript表单验证实例之验证表单项是否为空

Jan 10 Javascript

你所未知的3种Node.js代码优化方式

Feb 25 Javascript

原生JS和jQuery版实现文件上传功能

Apr 18 Javascript

微信小程序 WXML、WXSS 和JS介绍及详解

Oct 08 Javascript

javascript实现复选框全选或反选

Feb 04 Javascript

webpack源码之loader机制详解

Apr 06 Javascript

vue项目环境变量配置的实现方法

Oct 12 Javascript

NestJs使用Mongoose对MongoDB操作的方法

Feb 22 Javascript

vue使用echarts实现折线图

Mar 21 Vue.js

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