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 装载iframe子页面,自适应高度
Mar 20 Javascript
javascript的原生方法获取数组中的最大(最小)值
Dec 19 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
jQuery实现带动画效果的多级下拉菜单代码
Sep 08 Javascript
分享javascript实现的冒泡排序代码并优化
Jun 05 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
jquery实现焦点轮播效果
Feb 23 Javascript
javascript基本数据类型和转换
Mar 17 Javascript
BootStrap TreeView使用实例详解
Nov 01 Javascript
Vue的状态管理vuex使用方法详解
Feb 05 Javascript
vue 数据操作相关总结
Dec 17 Vue.js
js 实现Material UI点击涟漪效果示例
Sep 23 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中接口与抽象类的区别
2013/06/08 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
PHP获取数组中重复最多的元素的实现方法
2014/11/11 PHP
laravel解决迁移文件一次删除创建字段报错的问题
2019/10/24 PHP
复制本贴标题和地址的js代码
2008/07/01 Javascript
JavaScript 常用函数
2009/12/30 Javascript
根据一段代码浅谈Javascript闭包
2010/12/14 Javascript
Jquery实现三层遍历删除功能代码
2013/04/23 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
2017/06/26 jQuery
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
基于Fixed定位的框选功能的实现代码
2019/05/13 Javascript
vue实现数字滚动效果
2020/06/29 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
[01:18:43]2014 DOTA2华西杯精英邀请赛5 24 iG VS DK
2014/05/25 DOTA
举例讲解Python中的迭代器、生成器与列表解析用法
2016/03/20 Python
浅析python实现scrapy定时执行爬虫
2018/03/04 Python
Python多线程原理与用法详解
2018/08/20 Python
面向初学者的Python编辑器Mu
2018/10/08 Python
python 阶乘累加和的实例
2019/02/01 Python
一个可以套路别人的python小程序实例代码
2019/04/09 Python
python队列原理及实现方法示例
2019/11/27 Python
TENSORFLOW变量作用域(VARIABLE SCOPE)
2020/01/10 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
python3跳出一个循环的实例操作
2020/08/18 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
社区端午节活动方案
2014/01/28 职场文书
食品厂厂长岗位职责
2014/01/30 职场文书
会计专业应届生自荐信
2014/02/07 职场文书
《巨人的花园》教学反思
2014/02/12 职场文书
人民调解员先进事迹材料
2014/05/08 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python
Django实现翻页的示例代码
2021/05/24 Python