快捷導(dǎo)航

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

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

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

本文實(shí)例講述了js控制網(wǎng)頁背景音樂播放與停止的方法。分享給大家供大家參考。具體實(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控制背景音樂bgsound的方法(開始與停止)</title>

</head>

<body>

<script type="text/javascript">

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

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

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

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

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

//應(yīng)該也可以用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程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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