作者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