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倒计时功能实现代码
Jun 07 Javascript
png在IE6 下无法透明的解决方法汇总
May 21 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
Sep 12 Javascript
jQuery动态生成Bootstrap表格
Nov 01 Javascript
浅析jQuery操作select控件的取值和设值
Dec 07 Javascript
jQuery实现6位数字密码输入框
Dec 29 Javascript
jQuery制作图片旋转效果
Feb 02 Javascript
React学习笔记之高阶组件应用
Jun 02 Javascript
使用flow来规范javascript的变量类型
Sep 12 Javascript
vue中的mescroll搜索运用及各种填坑处理
Oct 30 Javascript
解决vue的router组件component在import时不能使用变量问题
Jul 26 Javascript
js实现详情页放大镜效果
Oct 28 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
thinkphp实现图片上传功能分享
2014/03/04 PHP
Yii2.0实现生成二维码功能实例
2017/10/24 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
XML的代替者----JSON
2007/07/21 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
2012/10/24 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
jQuery+ajax实现实用的点赞插件代码
2016/07/06 Javascript
使用Angular.js实现简单的购物车功能
2016/11/21 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
Vue.js实现可配置的登录表单代码详解
2018/03/29 Javascript
vue-devtools的安装步骤
2018/04/23 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
2020/03/05 Javascript
详解Typescript 内置的模块导入兼容方式
2020/05/31 Javascript
JavaScript实现移动小精灵的案例代码
2020/12/12 Javascript
如何在vue 中使用柱状图 并自修改配置
2021/01/21 Vue.js
[06:49]2018DOTA2国际邀请赛寻真——VirtusPro傲视群雄
2018/08/12 DOTA
简单了解Django ContentType内置组件
2019/07/23 Python
解决pycharm每次打开项目都需要配置解释器和安装库问题
2020/02/26 Python
Django调用支付宝接口代码实例详解
2020/04/04 Python
Python监听剪切板实现方法代码实例
2020/11/11 Python
CSS3地图动态实例代码(圆圈向外扩散)
2018/06/15 HTML / CSS
解决img标签上下出现间隙的方法
2016/12/14 HTML / CSS
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
Notino罗马尼亚网站:购买香水和化妆品
2019/07/20 全球购物
《郑和远航》教学反思
2014/04/16 职场文书
JS数组的常用方法整理
2021/03/31 Javascript
Nginx tp3.2.3 404问题解决方案
2021/03/31 Servers
「偶像大师 MILLION LIVE!」七尾百合子手办开订
2022/03/21 日漫
sentinel支持的redis高可用集群配置详解
2022/04/01 Redis
使用ICOM IC-R9500接收机同时测评十台收音机中波接收性能
2022/05/10 无线电