作者cuervo (烏鴉)
看板Ajax
標題[問題] js連續改變label的方法
時間Sun Oct 28 11:28:58 2012
已爬文...
我是想做一個 像loading的東西
一個DIV 裡面放張背景圖
圖上方有個label
去跑for迴圈 label會變0%=>100%
跑完DIV縮起來
但我嘗試很多方法 label這東西 似乎只會顯示最後的100%
不會有1跑到100的感覺
<script language="javascript">
function start(){
for(var i = 0 ; i<=100; i++)
document.getElementById("Label1").innerText = i+"%";
setTimeout(start(),200);
}
</script>
</head>
<body onload="start()">
<span id="Label1">Label</span>
</body>
難道一定要用input嗎?
求解!感恩...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 1.165.68.114
1F：→ alpe:你的function 有錯 10/28 11:44
2F：→ bibo9901: setTimeout("start()",200) 或 setTimeout(start,200) 10/28 11:44
3F：→ cuervo:恩恩感恩! 我後來用矩陣做出來了-.- 10/28 12:02
4F：→ s25g5d4:為什麼適用innerText? 這不是IE Only的語法嗎 10/28 12:42
5F：→ s25g5d4: 是 10/28 12:42
6F：→ cuervo:a都...我是新手 網路亂看亂嘗試XD 所以也不會解釋... 10/28 12:46
7F：→ cuervo:如果不是這樣用 用value 都不會改變... 這是我找到的唯一解 10/28 12:47
8F：推 s25g5d4:innerHTML 10/28 19:03
9F：→ s25g5d4:沒記錯的話firefox不吃innerText 但可以用innerHTML 10/28 19:04
10F：推 Darkland:真的要用就是 innerText 或 textContent 這兩個偵測一下 10/29 23:32
11F：→ SansWord:不是用setTimeout, 要用setInterval 10/30 01:28
12F：→ mervynW:其實也不是不能用setTimeout. 10/30 09:48
13F：推 SansWord:推。 10/30 19:26