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 相关文章推荐
jquery ajax提交表单数据的两种实现方法
Apr 29 Javascript
JavaScript 构造函数 面相对象学习必备知识
Jun 09 Javascript
jquery $.ajax相关用法分享
Mar 16 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 Javascript
extjs表格文本启用选择复制功能具体实现
Oct 11 Javascript
iframe子页面获取父页面元素的方法
Nov 05 Javascript
使用C++为node.js写扩展模块
Apr 22 Javascript
jquery自适应布局的简单实例
May 28 Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
JavaScript canvas动画实现时钟效果
Feb 10 Javascript
ES6扩展运算符和rest运算符用法实例分析
May 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/08/12 PHP
微信网页授权(OAuth2.0) PHP 源码简单实现
2016/08/29 PHP
PHP会员找回密码功能的简单实现
2016/09/05 PHP
PHP底层运行机制与工作原理详解
2020/07/31 PHP
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
2007/04/12 Javascript
JAVASCRIPT keycode总结
2009/02/04 Javascript
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
javascript function调用时的参数检测常用办法
2010/02/26 Javascript
javascript实现很浪漫的气泡冒出特效
2020/09/05 Javascript
快速使用Bootstrap搭建传送带
2016/05/06 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
解析ajaxFileUpload 异步上传文件简单使用
2016/12/30 Javascript
bootstrap输入框组件使用方法详解
2017/01/19 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
前端常见跨域解决方案(全)
2017/09/19 Javascript
npm 常用命令详解(小结)
2019/01/17 Javascript
详解VS Code使用之Vue工程配置format代码格式化
2019/03/20 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
2019/10/26 jQuery
微信小程序静默登录的实现代码
2020/01/08 Javascript
微信小程序获取当前时间及星期几的实例代码
2020/09/20 Javascript
详解JavaScript执行模型
2020/11/16 Javascript
Python编程实现两个文件夹里文件的对比功能示例【包含内容的对比】
2017/06/20 Python
python中requests库session对象的妙用详解
2017/10/30 Python
关于Python核心框架tornado的异步协程的2种方法详解
2019/08/28 Python
python实现的接收邮件功能示例【基于网易POP3服务器】
2019/09/11 Python
Python3安装pip工具的详细步骤
2019/10/14 Python
美国豪华时尚女性精品店:Kirna Zabête
2018/01/11 全球购物
世界领先的26岁以下学生和青少年旅行预订网站:StudentUniverse
2018/07/01 全球购物
四个太阳教学反思
2014/02/01 职场文书
电大会计学自我鉴定
2014/02/06 职场文书
秋季运动会广播稿
2014/02/22 职场文书
中秋节主持词
2014/04/02 职场文书
小学生自我评价100字(15篇)
2014/09/18 职场文书
微信小程序和php的登录实现
2021/04/01 PHP
Python竟然能剪辑视频
2021/05/25 Python
MySQL创建表操作命令分享
2022/03/25 MySQL