[经验总结]JS切换背景音乐的代码
2010-04-21 22:22
351 查看
Author: | Thinkhy |
Date: | 2010.04.21. |
Url: | http://www.disandu.com/?p=731 |
Keyword: | JS切换背景音乐 JS控制背景音乐 JAVASCRIPT |
musicStatus = false; // 背景音乐,播放特定曲目,空曲目,暂停音乐 function playmusicfile(musicfile) { var objMusic = document.getElementById("bgmusic"); if (!objMusic) return; if (musicfile == "") // 这几行处理,播放空文件时延迟一段时间才停止音乐的问题 { if (typeof objMusic.pause == 'function') { objMusic.pause(); // 遇到空文件,先关闭之前的音乐 } } var parEle = objMusic.parentNode; parEle.removeChild(objMusic); var newEle = document.createElement("embed"); newEle.setAttribute("id","bgmusic"); newEle.src=musicfile; newEle.setAttribute("hidden","true"); newEle.setAttribute("autostart","false"); parEle.appendChild(newEle); if (musicStatus == "pause") { setTimeout(musicStop, 300); // 注意这里需要一个延时等待背景音乐文件载入内存 } else if (musicStatus == "play") { setTimeout(musicPlay, 300); } // objMusic = newEle; } function musicStop() { if (bgmusic && (typeof bgmusic.stop == 'function' || typeof bgmusic.stop == 'unknown')) // 有时候bgmusi.stop是unknown类型 bgmusic.stop(); } function musicPlay() { if (bgmusic && typeof bgmusic.play == 'function' || typeof bgmusic.play == 'unknown')) // 有时候bgmusi.play是unknown类型 bgmusic.play(); }
相关文章推荐
- JS 代码调试经验总结(菜鸟必读)
- 网页制作代码经验总结:JS代码优化
- JS 代码调试经验总结(菜鸟必读)
- JS 代码调试经验总结(菜鸟必读)
- JS 代码调试经验总结(菜鸟必读)
- jquery/js特效代码总结(一):tab切换
- JS 代码调试经验总结(菜鸟必读)
- JS 代码调试经验总结(菜鸟必读)
- JS 代码调试经验总结(菜鸟必读)
- JS 代码调试经验总结(菜鸟必读)
- [经验总结]怎样阅读代码?
- JS实现按钮添加背景音乐示例代码
- SqlSever2005 一千万条以上记录分页数据库优化经验总结【索引优化 + 代码优化】一周搞定
- js 滚动、切换代码的搜集
- Ajax (部分二:prototype.js代码后半部分)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- js实现单一html页面两套css切换代码
- js经验总结,小技巧
- 基于Metronic的Bootstrap开发框架经验总结(18)-- 在代码生成工具Database2Sharp中集成对Bootstrap-table插件的分页及排序支持
- js图片自动切换效果处理代码
- js实现TAB切换对应不同颜色的代码