js控制網(wǎng)頁(yè)背景音樂(lè)播放與停止的方法

更新時(shí)間：2015年02月06日 10:33:57 作者：飛雪

這篇文章主要介紹了js控制網(wǎng)頁(yè)背景音樂(lè)播放與停止的方法,實(shí)例分析了javascript控制背景音樂(lè)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了js控制網(wǎng)頁(yè)背景音樂(lè)播放與停止的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<!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控制背景音樂(lè)bgsound的方法(開(kāi)始與停止)</title>

</head>

<body>

<script type="text/javascript">

var bg_sound=document.createElement_x("bgsound");//創(chuàng)建背景音樂(lè)

bg_sound.id="i_bg"http://設(shè)置id屬性

document.body.appendChild(bg_sound);//body中添加背景音樂(lè)

//bg_sound.src="tmp3.mp3";

i_bg.src="tmp3.mp3";//設(shè)置一個(gè)背景音樂(lè)文件

//應(yīng)該也可以用write寫(xiě)出來(lái)，可以試下效果。

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);">背景音樂(lè)停止</a></span>  <span ><a onclick="javascript:bg_start();" href="javascript:void(0);">背景音樂(lè)開(kāi)始</a></span>

</body>

</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)計(jì)算器和計(jì)時(shí)器功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)計(jì)算器和計(jì)時(shí)器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
將CKfinder整合進(jìn)CKEditor3.0的新方法
最新發(fā)布的CKFinder 1.4版已經(jīng)提供了對(duì)CKEditor3.0的支持
2010-01-01
script標(biāo)簽中的defer和async使用技巧說(shuō)明
這篇文章主要介紹了script標(biāo)簽中的defer和async使用技巧,包含他們的下載順序和執(zhí)行順序，以及使用場(chǎng)景需要的朋友可以參考下
2023-02-02
JavaScript接入百度地圖API的方法步驟
在網(wǎng)站開(kāi)發(fā)過(guò)程中，經(jīng)常會(huì)調(diào)用到地圖，百度地圖JavaScript API可幫助您在網(wǎng)站中構(gòu)建功能豐富、交互性強(qiáng)的地圖應(yīng)用，本文就詳細(xì)的介紹一下，感興趣的可以了解一下
2021-07-07
用最通俗易懂的代碼幫助新手理解javascript閉包推薦
我同樣也是個(gè)javascript新手，怎么說(shuō)呢，先學(xué)的jquery，精通之后發(fā)現(xiàn)了javascript的重要性，再回過(guò)頭來(lái)學(xué)javascript面向?qū)ο缶幊?/div> 2012-03-03
JavaScript本地?cái)?shù)據(jù)存儲(chǔ)sessionStorage與localStorage使用詳解
這篇文章主要介紹了JavaScript本地?cái)?shù)據(jù)存儲(chǔ)sessionStorage與localStorage使用，localStorage：永久存儲(chǔ)在本地，適合保存在本地的數(shù)據(jù)。sessionStorage：會(huì)話(huà)級(jí)的存儲(chǔ)，敏感帳號(hào)一次登陸
2022-10-10
bootstrap table表格使用方法詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap table表格使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
Javascript實(shí)現(xiàn)簡(jiǎn)易天數(shù)計(jì)算器
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)簡(jiǎn)易天數(shù)計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-05-05
js全選實(shí)現(xiàn)和判斷是否有復(fù)選框選中的方法
這篇文章主要介紹了js全選實(shí)現(xiàn)和判斷是否有復(fù)選框選中的方法,涉及javascript操作復(fù)選框的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
javascript中JSON.parse()與eval()解析json的區(qū)別
這篇文章主要介紹了javascript中JSON.parse()與eval()解析json的區(qū)別,詳細(xì)描述了json格式數(shù)據(jù)的操作技巧,并結(jié)合實(shí)例形式對(duì)比分析了使用JSON.parse()與eval()解析json的區(qū)別,需要的朋友可以參考下
2016-05-05