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 相关文章推荐
JS去除字符串的空格增强版(可以去除中间的空格)
Aug 26 Javascript
Jquery实战_读书笔记2 选择器
Jan 22 Javascript
Javascript的时间戳和php的时间戳转换注意事项
Apr 12 Javascript
JavaScript版TAB选项卡效果实例
Aug 16 Javascript
javascript事件函数中获得事件源的两种不错方法
Mar 17 Javascript
js判断浏览器类型为ie6时不执行
Jun 15 Javascript
JavaScript优化以及前段开发小技巧
Feb 02 Javascript
ajax接收后台数据在html页面显示
Feb 19 Javascript
使用ionic播放轮询广告的实现方法(必看)
Apr 24 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 Javascript
javascript实现函数柯里化与反柯里化过程解析
Oct 08 Javascript
vue组件中传值EventBus的使用及注意事项说明
Nov 16 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
php5中类的学习
2008/03/28 PHP
php实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
2014/10/17 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
2015/04/06 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
2016/05/26 Javascript
NodeJS仿WebApi路由示例
2017/02/28 NodeJs
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
基于hover的用法实例(推荐)
2017/07/04 Javascript
详解React开发必不可少的eslint配置
2018/02/05 Javascript
vue-cli开发环境实现跨域请求的方法
2018/04/07 Javascript
jQuery实现判断上传图片类型和大小的方法示例
2018/04/11 jQuery
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
详解JavaScript的数据类型以及数据类型的转换
2019/04/20 Javascript
npm qs模块使用详解
2020/02/07 Javascript
Javascript实现单选框效果
2020/12/09 Javascript
Python中os和shutil模块实用方法集锦
2014/05/13 Python
Python类的定义、继承及类对象使用方法简明教程
2015/05/08 Python
PyQt5利用QPainter绘制各种图形的实例
2017/10/19 Python
ubuntu环境下python虚拟环境的安装过程
2018/01/07 Python
python如何给字典的键对应的值为字典项的字典赋值
2019/07/05 Python
python hashlib加密实现代码
2019/10/17 Python
Python numpy矩阵处理运算工具用法汇总
2020/07/13 Python
Selenium结合BeautifulSoup4编写简单的python爬虫
2020/11/06 Python
Django模板报TemplateDoesNotExist异常(亲测可行)
2020/12/18 Python
基于HTML5的齿轮动画特效
2016/02/29 HTML / CSS
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
学前教育求职自荐信范文
2013/12/25 职场文书
酒店端午节促销方案
2014/02/18 职场文书
计划生育证明格式范本
2014/09/12 职场文书
2015试用期转正工作总结
2014/12/12 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
一个独生女的故事观后感
2015/06/04 职场文书
员工手册董事长致辞
2015/07/29 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
2016年校园植树节广播稿
2015/12/17 职场文书