JavaScript模拟进度条

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zzmzaizai/archive/2008/05/22/1204569.html

文章标签：

#javascript #ViewUI

<html>

<body>

××××××××××注释以内的代码可以复制××开始××××××××××××
<div id="progress"></div>
<div id="DivFlash" style="display: none;">这里放上FLASH</div>

    this.SetStep = SetStep;
    this.SetPos = SetPos;
    this.Inc = Inc;
    this.Desc = Desc;
}

function SetStep(step)
{
this.step = step;
}

function SetPos(pos)
{
    pos = (pos<=this.max)?pos:this.max;
    pos = (pos>=this.min)?pos:this.min;
    this.barId.style.width = (this.progressWidth*pos)/this.max;
}

function Inc()
{
    this.pos += this.step;
    this.SetPos(this.pos);
   if(this.pos >= progress.progressWidth)
   {
        document.getElementById('progress').style.display = 'none';
document.getElementById('DivFlash').style.display = '';

   }
}

function Desc()
{
this.pos -= this.step;
this.SetPos(this.pos);
}

var DivWidth = 600;//滚动条的宽度
var DivTime = 10; //滚动间隔时间毫秒
var Divaaa = 50;//滚动的长度
var progress = new CProgress("progress", 0, DivWidth, Divaaa);
progress.progressWidth = DivWidth;
progress.Create();
setInterval("progress.Inc();", DivTime);
//-->
</script>

××××××××××注释以内的代码可以复制××结束××××××××××××

</body>

</html>

转载于:https://www.cnblogs.com/zzmzaizai/archive/2008/05/22/1204569.html