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脚本编程解决考试分数统计问题
Oct 18 Javascript
web网页按比例显示图片实现原理及js代码
Aug 09 Javascript
jQuery的选择器中的通配符使用介绍
Mar 20 Javascript
一个JavaScript用逗号分割字符串实例
Sep 22 Javascript
理解JS事件循环
Jan 07 Javascript
jQuery xml字符串的解析、读取及查找方法
Mar 01 Javascript
javascript实现延时显示提示框特效代码
Apr 27 Javascript
老生常谈的跨域处理
Jan 11 Javascript
js下拉菜单生成器dropMenu使用方法详解
Aug 01 Javascript
VUE前端cookie简单操作
Oct 17 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
Oct 26 Javascript
Vue 数据响应式相关总结
Jan 28 Vue.js
使用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
深入理解require与require_once与include以及include_once的区别
2013/06/05 PHP
php实现的一个简单json rpc框架实例
2015/03/30 PHP
php使用GD库创建图片缩略图的方法
2015/06/10 PHP
php is_writable判断文件是否可写实例代码
2016/10/13 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
isArray()函数(JavaScript中对象类型判断的几种方法)
2009/11/26 Javascript
js 变量类型转换常用函数与代码[比较全]
2009/12/01 Javascript
javascript Onunload与Onbeforeunload使用小结
2009/12/31 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
2014/01/13 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
2016/03/02 Javascript
用NodeJS实现批量查询地理位置的经纬度接口
2016/08/16 NodeJs
微信小程序 scroll-view组件实现列表页实例代码
2016/12/14 Javascript
利用three.js画一个3D立体的正方体示例代码
2017/11/19 Javascript
原生JS实现$.param() 函数的方法
2018/08/10 Javascript
JavaScript数值类型知识汇总
2019/11/17 Javascript
JavaScript Window窗口对象属性和使用方法
2020/01/19 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
[04:01]2014DOTA2国际邀请赛 TITAN告别Ohaiyo期望明年再战
2014/07/15 DOTA
Python程序员开发中常犯的10个错误
2014/07/07 Python
python使用json序列化datetime类型实例解析
2018/02/11 Python
python中的for循环
2018/09/28 Python
python 弹窗提示警告框MessageBox的实例
2019/06/18 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
Python 多线程其他属性以及继承Thread类详解
2019/08/28 Python
python3将变量写入SQL语句的实现方式
2020/03/02 Python
用python实现一个简单的验证码
2020/12/09 Python
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
西雅图电动自行车公司:Rad Power Bikes
2020/02/02 全球购物
大三毕业自我鉴定
2014/01/15 职场文书
运动会广播稿50字
2014/01/26 职场文书
前处理组长岗位职责
2014/03/01 职场文书
水毁工程实施方案
2014/04/01 职场文书
岳庙导游词
2015/02/04 职场文书
初中英语教学反思范文
2016/02/15 职场文书
创业计划书之熟食店
2019/10/16 职场文书
mongoDB数据库索引快速入门指南
2022/03/23 MongoDB