JS模拟的进度条 -

fp_moon

浏览: 980373 次
性别:
来自: 深圳

最近访客更多访客>>

kof98765

gxpcw

elashu

duwu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

JS模拟的进度条

javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>progress</title>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">

</style>

    startProgress:function(){
     if(this.times > this.loopTimes){
      alert("Jump to another page");
      clearTimeout(this.timer);
      this.timer=0;
     }
     else
     {
      this.SetProgress('RealStatus','timeNum1');
      this.timer = setTimeout(function(){progress.startProgress();}, this.interval);
     }
    }
};

function uiOnload(){
progress.init(353,60,200);
progress.startProgress();
}

window.onload = uiOnload;
//]]>
</script>
</head>
<body>
<div class="ProgBar"><div id="RealStatus"></div></div><label id="timeNum1" style="width:50px;">   </label>second
</body>
</html>

分享到：