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 15 Javascript
让你的网站可编辑的实现js代码
Oct 19 Javascript
js 优化次数过多的循环 考虑到性能问题
Mar 05 Javascript
javascript自定义的addClass()方法
May 28 Javascript
使用jquery.upload.js实现异步上传示例代码
Jul 29 Javascript
jQuery中removeData()方法用法实例
Dec 27 Javascript
JS实现具备延时功能的滑动门菜单效果
Sep 17 Javascript
基于jQuery实现滚动切换效果
Dec 02 Javascript
微信小程序 参数传递实例代码
Mar 20 Javascript
JavaScript循环_动力节点Java学院整理
Jun 28 Javascript
基于Bootstrap分页的实例讲解(必看篇)
Jul 04 Javascript
vue中利用mqtt服务端实现即时通讯的步骤记录
Jul 01 Vue.js
使用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
全国FM电台频率大全 - 9 上海市
2020/03/11 无线电
php短域名转换为实际域名函数
2011/01/17 PHP
thinkPHP下ueditor的使用方法详解
2015/12/26 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
2019/07/26 PHP
基于Jquery插件开发之图片放大镜效果(仿淘宝)
2011/11/19 Javascript
js的2种继承方式详解
2014/03/04 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
PHP PDO操作总结
2014/11/17 Javascript
javascript几个易错点记录
2014/11/26 Javascript
js实现点击添加一个input节点
2014/12/05 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
2016/02/06 Javascript
简单实现js间歇或无缝滚动效果
2016/06/29 Javascript
详细探究ES6之Proxy代理
2016/07/22 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
利用n工具轻松管理Node.js的版本
2017/04/21 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
jQuery实现获取动态添加的标签对象示例
2018/06/28 jQuery
Nodejs文件上传、监听上传进度的代码
2020/03/27 NodeJs
JS实现简单贪吃蛇小游戏
2020/10/28 Javascript
uniapp微信小程序:key失效的解决方法
2021/01/20 Javascript
Python中函数参数设置及使用的学习笔记
2016/05/03 Python
Django使用Celery异步任务队列的使用
2018/03/13 Python
python多环境切换及pyenv使用过程详解
2019/09/27 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
使用keras内置的模型进行图片预测实例
2020/06/17 Python
Python confluent kafka客户端配置kerberos认证流程详解
2020/10/12 Python
ROSEFIELD手表荷兰官方网上商店:北欧极简设计女士腕表品牌
2018/01/24 全球购物
大学生毕业求职的自我评价
2013/09/29 职场文书
自动化专业毕业生自荐信
2013/11/01 职场文书
机械设计及其自动化专业求职信
2014/06/09 职场文书
党员群众路线教育实践活动学习笔记
2014/11/05 职场文书
数学备课组工作总结
2015/08/12 职场文书
医生行业员工的辞职信
2019/06/24 职场文书
演讲稿之我的初心我的成长
2019/08/12 职场文书
Python如何使用循环结构和分支结构
2022/04/13 Python