例子：进度条

最新推荐文章于 2022-09-20 20:34:19 发布

weixin_30731287

最新推荐文章于 2022-09-20 20:34:19 发布

阅读量86

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/claricre/p/6061952.html

版权

<style type="text/css">
*{ margin:0px auto; padding:0px;}
#kuang{ width:500px; height:5px; border:1px solid #000; margin-top:20px;}
#zou{ height:5px; float:left; background-color:#000}
</style>
</head>

<body>

<div id="kuang">
    <div id="zou" style=" width:0px;"></div>
</div>

</body>
<script type="text/javascript">
window.setTimeout("zou()",50);
function zou()
{
    var kuandu = document.getElementById("zou");
    var str = kuandu.style.width;
    var cd = str.substr(0,str.length-2);
    if(cd<500)
    {
        var cd= parseInt(cd)+5;
        kuandu.style.width=cd+"px"
        window.setTimeout("zou()",30);
    }
}
</script>

转载于:https://www.cnblogs.com/claricre/p/6061952.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30731287

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
例子：进度条

<style type="text/css">*{ margin:0px auto; padding:0px;}#kuang{ width:500px; height:5px; border:1px solid #000; margin-top:20px;}#zou{ height:5px; float:left; background-color:#000}&lt...
复制链接

扫一扫