Javascript 判断Flash是否加载完成的代码


Posted in Javascript onApril 12, 2010

先定义进度条显示层:

<div><span class="intro">下载进度:</span> 
<div class="barborder"> 
<div class="bar" id="loadpercent"></div> 
</div> 
</div>

定义广告层:
<div id="showAD"></div> 
定义FLASH显示层: 
<div id="showSWF" class="show" style="display:none;"> 
<object id="flashgame" ......省略内容......> 
</object> 
</div>

js代码:
<script language="javascript"> 
if(window.navigator.userAgent.indexOf("Firefox")>=1)//判断是否为FIREFOX浏览器,FIREFOX不支持PercentLoaded()函数 
{ 
document.getElementById("loadpercent").innerHTML= "Firefox!No Attentions"; 
document.getElementById("showSWF").style.display='block'; 
} 
else 
{ 
refreshProgress(); 
} function show()//隐藏AD层、显示FLASH层 
{ 
document.getElementById("showAD").style.display='none'; 
document.getElementById("showSWF").style.display='block'; 
} 
function refreshProgress()//刷新进度条函数 
{ 
var downProgressWidth=502; 
var bar = document.getElementById("loadpercent"); 
var movie = document.getElementById("flashgame"); 
var nPercentLoaded = Math.abs(movie.PercentLoaded()); 
bar.style.width=Math.ceil(downProgressWidth*nPercentLoaded/100) +"px"; 
bar.innerHTML= nPercentLoaded +"%"; 
if(nPercentLoaded==100) 
{ 
bar.style.width=(downProgressWidth-2) + "px"; bar.innerHTML= "Game download is complete"; show(); 
} 
else 
{ 
setTimeout('refreshProgress()',0); 
} 
}

其实最好的代码,就是看一些flash游戏网站,是怎样控制,看下源代码就可以了解更多的知识与技巧。
Javascript 相关文章推荐
javascript脚本调试方法小结
Nov 24 Javascript
用jquery中插件dialog实现弹框效果实例代码
Nov 15 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
Mar 07 Javascript
js选项卡的制作方法
Jan 23 Javascript
浅谈jquery拼接字符串效率比较高的方法
Feb 22 Javascript
详解vue嵌套路由-query传递参数
May 23 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
element-ui 关于获取select 的label值方法
Aug 24 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
Oct 29 Javascript
什么时候不能在 Node.js 中使用 Lock Files
Jun 24 Javascript
vue2.0实现列表数据增加和删除
Jun 17 Javascript
Vue切换组件实现返回后不重置数据,保留历史设置操作
Jul 21 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 #Javascript
javascript URL编码和解码使用说明
Apr 12 #Javascript
!DOCTYPE声明对JavaScript的影响分析
Apr 12 #Javascript
3Z版基于jquery的图片复选框(asp.net+jquery)
Apr 12 #Javascript
javascript cookies 设置、读取、删除实例代码
Apr 12 #Javascript
javascript cookies操作集合
Apr 12 #Javascript
javascript 数组学习资料收集
Apr 11 #Javascript
You might like
帖几个PHP的无限分类实现想法~
2007/01/02 PHP
PHP多个版本的分析解释
2011/07/21 PHP
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
PHP实现通过Luhn算法校验信用卡卡号是否有效
2015/03/23 PHP
PHP简单实现断点续传下载的方法
2015/09/25 PHP
ThinkPHP框架实现的邮箱激活功能示例
2018/06/15 PHP
PHP获取当前系统时间的方法小结
2018/10/03 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
PHP实现本地图片转base64格式并上传
2020/05/29 PHP
JQuery简单实现锚点链接的平滑滚动
2015/05/03 Javascript
详解JS面向对象编程
2016/01/24 Javascript
基于javascript实现listbox左右移动
2016/01/29 Javascript
基于jquery编写分页插件
2016/03/07 Javascript
js removeChild 方法深入理解
2016/08/16 Javascript
Vue.js bootstrap前端实现分页和排序
2017/03/10 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
深入浅析AngularJs模版与v-bind
2018/07/06 Javascript
Node.js中的不安全跳转如何防御详解
2018/10/21 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
[02:54]DOTA2亚洲邀请赛 VG战队出场宣传片
2015/02/07 DOTA
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
python获取本机mac地址和ip地址的方法
2015/04/29 Python
linux下python抓屏实现方法
2015/05/22 Python
python学习之第三方包安装方法(两种方法)
2015/07/30 Python
使用Python求解最大公约数的实现方法
2015/08/20 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
解决Mac安装scrapy失败的问题
2018/06/13 Python
Python PIL读取的图像发生自动旋转的实现方法
2019/07/05 Python
python networkx 包绘制复杂网络关系图的实现
2019/07/10 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
澳大利亚最受欢迎的超级商场每日优惠:Catch
2020/11/17 全球购物
会计电算一体化个人简历的自我评价
2013/10/15 职场文书
网络事业创业计划书范文
2014/01/09 职场文书
春季运动会加油词
2015/07/18 职场文书
nginx共享内存的机制详解
2022/03/21 Servers