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 对表格的行和列都能加亮显示
Dec 26 Javascript
jQuery.fn和jQuery.prototype区别介绍
Oct 05 Javascript
jquery操作select详解(取值,设置选中)
Feb 07 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
Mar 19 Javascript
微信+angularJS的SPA应用中用router进行页面跳转,jssdk校验失败问题解决
Sep 09 Javascript
Vue实现购物车功能
Apr 27 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
May 30 Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 jQuery
MUI实现上拉加载和下拉刷新效果
Jun 30 Javascript
Vue 2.0的数据依赖实现原理代码简析
Jul 10 Javascript
react高阶组件添加和删除props
Apr 26 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
Jun 07 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
一个简单的MySQL数据浏览器
2006/10/09 PHP
libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢
2010/03/15 PHP
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
php用正则表达式匹配中文实例详解
2013/11/06 PHP
PHP MySql增删改查的简单实例
2016/06/21 PHP
php进行md5加密简单实例方法
2019/09/19 PHP
javascript 面向对象 function类
2010/05/13 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
2013/01/03 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
2015/08/31 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
2016/05/28 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
2016/12/15 Javascript
纯js仿淘宝京东商品放大镜功能
2017/03/02 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
2017/04/13 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
vue+webpack模拟后台数据的示例代码
2018/07/26 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
[50:50]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第一场 12.10
2020/12/13 DOTA
让 python 命令行也可以自动补全
2014/11/30 Python
Python获取DLL和EXE文件版本号的方法
2015/03/10 Python
Python多线程爬虫简单示例
2016/03/04 Python
Python连接Redis的基本配置方法
2018/09/13 Python
pycharm运行出现ImportError:No module named的解决方法
2018/10/13 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
python执行CMD指令,并获取返回的方法
2018/12/19 Python
python绘制漏斗图步骤详解
2019/03/04 Python
python中比较两个列表的实例方法
2019/07/04 Python
贝玲妃英国官网:Benefit英国
2018/02/03 全球购物
新加坡一家在线男士皮具品牌:Faire Leather Co.
2019/12/01 全球购物
高级护理实习生自荐信
2013/09/28 职场文书
军校制空专业毕业生自我鉴定
2013/11/16 职场文书
导游个人求职信范文
2014/03/23 职场文书
大学学习计划书范文
2014/05/02 职场文书
体育专业求职信
2014/07/16 职场文书
导游词之青城山景区
2019/09/27 职场文书