Re: [問題] js連續改變label的方法

看板Ajax作者 (是妳)時間11年前 (2012/10/30 01:27), 編輯推噓2(203)
留言5則, 3人參與, 最新討論串3/3 (看更多)
※ 引述《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
@cuervo 參考 http://jsbin.com/iwixiw/1/edit jQuery版本
10/30 03:46, 2F

10/30 08:39, , 3F
推!上面那個還可以順便看css
10/30 08:39, 3F

10/30 09:56, , 4F
10/30 09:56, 4F

10/30 19:26, , 5F
推 setTimeout
10/30 19:26, 5F
文章代碼(AID): #1GZhnlWE (Ajax)
文章代碼(AID): #1GZhnlWE (Ajax)