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 限制输入和粘贴(IE,firefox测试通过)
Nov 14 Javascript
JavaScript 学习小结(适合新手参考)
Jul 30 Javascript
jquery弹出框的用法示例(2)
Aug 26 Javascript
深入理解jQuery中live与bind方法的区别
Dec 18 Javascript
struts2+jquery组合验证注册用户是否存在
Apr 30 Javascript
jQuery实现的经典滑动门效果
Sep 22 Javascript
JavaScript中removeChild 方法开发示例代码
Aug 15 Javascript
微信小程序 刷新上拉下拉不会断详细介绍
May 11 Javascript
简单快速的实现js计算器功能
Aug 17 Javascript
vue 自定义指令自动获取文本框焦点的方法
Aug 25 Javascript
JS求1到任意数之间的所有质数的方法详解
May 20 Javascript
js实现一款简单踩白块小游戏(曾经很火)
Dec 02 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
360通用php防护代码(使用操作详解)
2013/06/18 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
分享5个非常有用的Laravel Blade指令
2018/05/30 PHP
dwr spring的集成实现代码
2009/03/22 Javascript
javaScript Array(数组)相关方法简述
2009/07/25 Javascript
javascript 图片裁剪技巧解读
2012/11/15 Javascript
jQuery:节点(插入,复制,替换,删除)操作
2013/03/04 Javascript
改变隐藏的input中value值的方法
2014/03/19 Javascript
jQuery实现“扫码阅读”功能
2015/01/21 Javascript
javascript实现的闭包简单实例
2015/07/17 Javascript
jqTransform美化表单
2015/10/10 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
基于jQuery实现的无刷新表格分页实例
2016/02/17 Javascript
老生常谈onBlur事件与onfocus事件(js)
2016/07/09 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
2016/08/09 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
2016/09/12 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
2016/12/11 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
vue-devtools的安装步骤
2018/04/23 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
[23:21]Ti4 冒泡赛第二轮DK vs C9 2
2014/07/14 DOTA
使用Python实现一个简单的项目监控
2015/03/31 Python
Python os模块学习笔记
2015/06/21 Python
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
Python中enumerate()函数编写更Pythonic的循环
2018/03/06 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
python numpy 按行归一化的实例
2019/01/21 Python
html5 viewport使用方法示例详解
2013/12/02 HTML / CSS
Smilodox官方运动服装店:从运动服到健身配件
2020/08/27 全球购物
个人自我评价和职业目标
2014/01/24 职场文书
2014年团工作总结
2014/11/27 职场文书
同学聚会通知书
2015/04/20 职场文书
2015社区精神文明建设工作总结
2015/04/21 职场文书
起诉意见书范文
2015/05/19 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
MySQL数据库10秒内插入百万条数据的实现
2021/11/01 MySQL