Re: [問題] js連續改變label的方法
※ 引述《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
→
10/30 01:27, , 1F
10/30 01:27, 1F
推
10/30 03:46, , 2F
10/30 03:46, 2F
→
10/30 08:39, , 3F
10/30 08:39, 3F
推
10/30 09:56, , 4F
10/30 09:56, 4F
→
10/30 19:26, , 5F
10/30 19:26, 5F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 3 之 3 篇):