js控制網(wǎng)頁背景音樂播放與停止的方法
更新時間：2015年02月06日 10:33:57 作者：飛雪
這篇文章主要介紹了js控制網(wǎng)頁背景音樂播放與停止的方法,實例分析了javascript控制背景音樂的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了js控制網(wǎng)頁背景音樂播放與停止的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<!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>
<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è)計有所幫助。
相關(guān)文章
這篇文章主要為大家詳細介紹了js實現(xiàn)計算器和計時器功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
最新發(fā)布的CKFinder 1.4版 已經(jīng)提供了對CKEditor3.0的支持2010-01-01
這篇文章主要介紹了script標簽中的defer和async使用技巧,包含他們的下載順序和執(zhí)行順序，以及使用場景需要的朋友可以參考下2023-02-02
在網(wǎng)站開發(fā)過程中，經(jīng)常會調(diào)用到地圖，百度地圖JavaScript API可幫助您在網(wǎng)站中構(gòu)建功能豐富、交互性強的地圖應(yīng)用，本文就詳細的介紹一下，感興趣的可以了解一下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表格使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
Javascript實現(xiàn)簡易天數(shù)計算器
這篇文章主要為大家詳細介紹了Javascript實現(xiàn)簡易天數(shù)計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
js全選實現(xiàn)和判斷是否有復(fù)選框選中的方法
這篇文章主要介紹了js全選實現(xiàn)和判斷是否有復(fù)選框選中的方法,涉及javascript操作復(fù)選框的技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
javascript中JSON.parse()與eval()解析json的區(qū)別
這篇文章主要介紹了javascript中JSON.parse()與eval()解析json的區(qū)別,詳細描述了json格式數(shù)據(jù)的操作技巧,并結(jié)合實例形式對比分析了使用JSON.parse()與eval()解析json的區(qū)別,需要的朋友可以參考下2016-05-05最新評論