js制作flash文件进度条
2010-09-16 20:22
183 查看
演示地址:好游戏网 中的任何一个游戏
前几天在做一个flash游戏网站时遇到这样一个问题,有时一个游戏还没加载完,游戏就可以开始了,玩着玩着就加载不出来了。于是想到了做一个flash游戏的加载进度条一下是js代码:
var ubType = (navigator.userAgent.indexOf("MSIE") > 0);//是否是ie浏览器
var timer;//时钟
//根据id获得对象
function $(idValue){
return document.getElementById(idValue);
}
function load(swfUrl) {
if (ubType)
objrUrl.movie = swfUrl;//ie设置param的movie
else
$("emSrc").src = swfUrl;//火狐设置embed的src
timer = setInterval("loading()", 1000);//一秒钟执行一次更新加载状态
}
function loading() {
var divIng = $("divBoolar");进度条内实际进度
var tmeValue = 0;
//获取加载进度
if (ubType) {//判断是否IE浏览器
tempValue = objrUrl.PercentLoaded();
}
else {
tempValue = document.embeds["emSrc"].PercentLoaded();
}
divIng.style.width = tempValue + "%";//用内div的长度的百分比作为可视的实际进度
divIng.innerHTML = tempValue + "%";//显示进度值
if (tempValue == 100) {//如果已经加载完
$("objrUrl").style.visibility = "visible";//显示游戏
$("objrUrl").style.height="400px";//设置游戏高度
if(!ubType){
$("emSrc").style.visibility = "visible";
$("emSrc").style.height="400px";
}
$("imgLoad").style.display = "none";//遮盖图片消失
clearInterval(timer);//清除时钟
}
}
前几天在做一个flash游戏网站时遇到这样一个问题,有时一个游戏还没加载完,游戏就可以开始了,玩着玩着就加载不出来了。于是想到了做一个flash游戏的加载进度条一下是js代码:
var ubType = (navigator.userAgent.indexOf("MSIE") > 0);//是否是ie浏览器
var timer;//时钟
//根据id获得对象
function $(idValue){
return document.getElementById(idValue);
}
function load(swfUrl) {
if (ubType)
objrUrl.movie = swfUrl;//ie设置param的movie
else
$("emSrc").src = swfUrl;//火狐设置embed的src
timer = setInterval("loading()", 1000);//一秒钟执行一次更新加载状态
}
function loading() {
var divIng = $("divBoolar");进度条内实际进度
var tmeValue = 0;
//获取加载进度
if (ubType) {//判断是否IE浏览器
tempValue = objrUrl.PercentLoaded();
}
else {
tempValue = document.embeds["emSrc"].PercentLoaded();
}
divIng.style.width = tempValue + "%";//用内div的长度的百分比作为可视的实际进度
divIng.innerHTML = tempValue + "%";//显示进度值
if (tempValue == 100) {//如果已经加载完
$("objrUrl").style.visibility = "visible";//显示游戏
$("objrUrl").style.height="400px";//设置游戏高度
if(!ubType){
$("emSrc").style.visibility = "visible";
$("emSrc").style.height="400px";
}
$("imgLoad").style.display = "none";//遮盖图片消失
clearInterval(timer);//清除时钟
}
}
相关文章推荐
- js读取flash文件进度并实现进度条
- Flash cs6 学习(二) 制作一个flash进度条
- PS制作flash进度条
- JAVA程序设计(17)----- 制作文件拷贝软件 进程 输入流输出流 NIO 进度条 底层拷贝 多线程
- js引入flash文件,可自动播放
- js上传文件进度条
- js上传文件带进度条
- js 原声制作进度条
- Node.js:上传文件,服务端如何获取文件上传进度
- jquery插件NProgress.js制作网页加载进度条
- DotNetNuke(DNN)皮肤制作-通过JS文件解决不同IE版本对CSS解释不一致的问题
- struts2实现文件上传进度条(前端JS+Java)(收藏)
- 用svg制作圆形进度条动画效果 js 并且能监听滚动条百分比
- JS实现批量上传文件并显示进度功能
- lighttpd+flash+PHP大文件上传,带上传进度显示
- Asp.net(C#)读取数据库并生成JS文件制作首页图片切换效果(附demo源码下载)
- [javascript] 用js来调入flash文件
- 黄聪:一些文件上传组件(Flash,JQuery,asp,php,js,AJAX)
- jsp + js 文件上传获取进度
- js 判断flash加载进度源码