如何使用setTimeout()增加或減小DIV的寬度?使用Javascript增加div寬度setTimeout()
0
A
回答
1
setTimeout(function() { document.getElementById('foo').style.width = '300px' },
2000);
相關博客和規格:
http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/
https://developer.mozilla.org/en/DOM/window.setTimeout
如果你想增加或獲取當前寬度先下降,然後你可以看看clientWidth():
https://developer.mozilla.org/en/DOM/element.clientWidth
或者使用jQuery的widt H():
jQuery是變得非常受歡迎,甚至被大公司所使用,所以你可以考慮使用它。
0
<div id="progressbar" style="background-color:green; margin-top: 10px; width:0px; height:10px;"></div>
<script>
// set var to rep width of progress bar div
var dwidth=0;
// declare global variable for instance of Interval Timer so other funcs can access it.
IntervalId =0;
// grow progress bar each second
IntervalId = setInterval(function() { dwidth +=5; document.getElementById('progressbar').style.width = dwidth+'px';}, 1000);
// stop progress bar after 10 seconds
/* in real world an event handler would do this when iframe handling upload script loads response from upload */
setTimeout(function() { clearInterval (IntervalId); document.getElementById('progressbar').style.display='none' , 10000);
</script>
相關問題
- 1. 增加div的寬度
- 2. 使div寬度隨着內容的增加而增加
- 3. 從右向左增加或增加div標籤寬度
- 4. 如何使用JQuery增加Div內的寬度--Newby
- 5. 增加paramiko.SSHClient.exec_command()寬度
- 6. 增加寬度10%?
- 7. 使用scrolldown增加DIV高度限制
- 8. 增加dropdownList的寬度
- 9. 增加jqgrid multiselect td寬度
- 10. 增加寬度的形狀
- 11. 增加寬度你的頭
- 12. 不能增加jumbotron寬度
- 13. 固定寬度div div寬度div?
- 14. 當div被隱藏時增加div的寬度以佔用可用空間
- 15. 使用Javascript增加頁面高度
- 16. 設置div高度等於寬度(javascript)
- 17. 如何使用JavaScript設置div標籤的高度和寬度?
- 18. 如何使用位圖增加圖像的高度和寬度
- 19. 增加div的寬度,忽略容器父級的寬度(並使用x滾動條)
- 20. 使用javascript setTimeout來查看div是否已加載
- 21. Div旋轉在某些點增加父寬度
- 22. 增加div的寬度不能正常工作
- 23. 如何根據裏面的文字增加div寬度?
- 24. CSS:通過瀏覽器窗口的大小遞增地增加div寬度
- 25. 填充添加到div寬度/高度?
- 26. 將圖像的寬度增加到自動寬度的x倍
- 27. 如何增加錨標記的寬度內李李寬度
- 28. 在固定寬度頁面上增加元素到頁面寬度的寬度
- 29. Div寬度= 100%?
- 30. DIV寬度8.0
謝謝哥們你能不能幫我多一點,讓想我想打一個進度條的影響,我有一個div誰的寬度是在開始1個像素,然後我想增加它的寬度爲1個像素與setTimeout的幫助我該怎麼做?其背景已經設置爲紅色 – Seeker 2010-10-28 06:59:24