作者SansWord (是你)
看板Ajax
标题Re: [问题] js连续改变label的方法
时间Tue Oct 30 01:27:07 2012
※ 引述《mervynW (.)》之铭言：
: ※ 引述《cuervo (乌鸦)》之铭言：
: : 但我尝试很多方法 label这东西 似乎只会显示最後的100%
: : 不会有1跑到100的感觉
: : <script language="javascript">
: : function start(){
: : for(var i = 0 ; i<=100; i++)
: : document.getElementById("Label1").innerText = i+"%";
: 这段是要跑 1~ 100... 放到 Label1里...
: 就不说innerText 的问题了
: : setTimeout(start(),200);
: 这个是说200ms 再跑一次 start 的 function .
: : }
: : </script>
: 结论是... 你每跑一次 start, 他会很快很快的从1跑到100...
: 快到你根本看不出来.
http://goo.gl/KXqOn
<html>
<head>
<script language="javascript">
function start() {
var current = 0;
var timer = setInterval(step, 200);
//每200毫秒执行一次 step()
function step() {
if(current > 100) {
//停止 timer
window.clearInterval(timer);
} else {
//这边我还是建议用jQuery之类的东西....
document.getElementById("Label1").innerHTML=current+"%";
current++;
}
}
}
start();
</script>
</head>
<body>
<div id="Label1"></div>
</body>
</html>
--
回忆不会消失...只会被盖在灰尘
下...
只要没有风去吹动~~一切....就可以默默淡忘...
所以....不要成为那伤人的风吧.... ^.^
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 118.167.243.39
3F：→ SansWord:推！上面那个还可以顺便看css 10/30 08:39
5F：→ SansWord:推 setTimeout 10/30 19:26