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中的Document文档对象
Jan 16 Javascript
JS对URL字符串进行编码/解码分析
Oct 25 Javascript
js实现文本框选中的方法
May 26 Javascript
js精美的幻灯片画集特效代码分享
Aug 29 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
Feb 25 Javascript
JavaScript仿网易选项卡制作代码
Oct 06 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
利用Jasmine对Angular进行单元测试的方法详解
Jun 12 Javascript
Angular2 组件交互实例详解
Aug 24 Javascript
JS实现访问DOM对象指定节点的方法示例
Apr 04 Javascript
JavaScript实现读取与输出XML文件数据的方法示例
Jun 05 Javascript
Vue实现数据表格合并列rowspan效果
Nov 30 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
Smarty的配置与高级缓存技术分享
2012/06/05 PHP
如何用php获取文件名后缀
2013/06/09 PHP
php多进程应用场景实例详解
2019/07/22 PHP
tp5递归 无限级分类详解
2019/10/18 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
PHPstorm激活码2020年5月13日亲测有效
2020/09/17 PHP
jQuery对表单的操作代码集合
2011/04/06 Javascript
JS实现淘宝幻灯片效果的实现方法
2013/03/22 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
jQuery插件 selectToSelect使用方法
2013/10/02 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
基于jQuery实现淡入淡出效果轮播图
2020/07/31 Javascript
js canvas仿支付宝芝麻信用分仪表盘
2016/11/16 Javascript
iview在vue-cli3如何按需加载的方法
2018/10/31 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
2019/01/30 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
2019/09/06 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
vue el-tree 默认展开第一个节点的实现代码
2020/05/15 Javascript
bootstrap实现tab选项卡切换
2020/08/09 Javascript
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
python实现多线程的两种方式
2016/05/22 Python
python爬虫之xpath的基本使用详解
2018/04/18 Python
python 获取url中的参数列表实例
2018/12/18 Python
Python2.7版os.path.isdir中文路径返回false的解决方法
2019/06/21 Python
python 求某条线上特定x值或y值的点坐标方法
2019/07/09 Python
Python_查看sqlite3表结构,查询语句的示例代码
2019/07/17 Python
Keras框架中的epoch、bacth、batch size、iteration使用介绍
2020/06/10 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
Waterford加拿大官方网站:世界著名的水晶杯品牌
2016/11/01 全球购物
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
2014中考励志标语
2014/06/05 职场文书
教师个人总结范文
2015/02/11 职场文书
python manim实现排序算法动画示例
2022/08/14 Python