循環而不是使用GIF動畫的,我想,而不是在一個跨度文本:的Javascript「...」等待圓點間隔
- 等待
- 等待。
- 等待..
- 等待...
我想通過每個循環,然後返回到第一個無限循環。我也想控制時間間隔來加速或減慢速度。我希望我的HTML是:
<p>Waiting<span id="dots"></span></p>
並簡單地循環跨度innerHTML。謝謝!
循環而不是使用GIF動畫的,我想,而不是在一個跨度文本:的Javascript「...」等待圓點間隔
我想通過每個循環,然後返回到第一個無限循環。我也想控制時間間隔來加速或減慢速度。我希望我的HTML是:
<p>Waiting<span id="dots"></span></p>
並簡單地循環跨度innerHTML。謝謝!
這可能會讓你在正確的方向。我認爲代碼應該解釋自己。
function iterateDots(){
var el = document.getElementById("dots");
var dotsStr = el.innerHTML;
var dotsLen = dotsStr.length;
var maxDots = 3;
el.innerHTML = (dotsLen < maxDots ? dotsStr + '.' : '');
}
function startLoading(){
var intervalMs = 300;
var interval = setInterval("iterateDots()", intervalMs);
}
那釘了!謝謝朱利安! – 2010-08-16 05:42:58
dots = document.getElementById('dots');
將獲得您想要放入點的DOM元素,並且該元素的innerHTML
屬性將允許您操作其中的內容。
至於在特定間隔內更改量程的內容,請參閱setInterval()
和setTimeout()
。你必須選擇最適合你需求的那個。
我不打算髮佈一個實際的解決方案,因爲你沒有在這方面做出任何努力,但是這應該指向正確的方向。
謝謝卡森!隨着我繼續深入社區,你會看到更多的努力 - 我保證。 – 2010-08-16 05:55:54
這不是一個「Get a free slave」網站。 – Warty 2010-08-14 07:21:12
ItzWarty,我在這裏是相當新的在stackoverflow,但你會發現,我做了我在做的工作在網絡上的貢獻。我爲WordPress社區貢獻了很多(在我的網站上有很多免費的插件)。而且,當機會出現時,我已經付出了工作或捐贈給了人們的PayPal。 在你侮辱某人之前,你應該做一點研究。 – 2010-08-16 05:51:20