Javascript“...”等待点循环与间隔

Question

我不想使用动画gif，而是想在一个范围内使用文字：

1. 等待
2. 等待。
3. 等待..
4. 等待...

我想遍历每个循环，然后在无限循环中返回第一个。我还想控制间隔以加速或减慢速度。我想让我的HTML成为：

<p>Waiting<span id="dots"></span></p>

简单地循环span innerHTML。谢谢！

Answer 1

这可能会让你朝着正确的方向前进。我认为代码应该解释自己。

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);
}    

Answer 2

dots = document.getElementById('dots');将获取您想要放入点的DOM元素，该元素的innerHTML属性将允许您操作其中的内容。

关于更改特定时间间隔内容的内容，请查看setInterval()和setTimeout()。你必须选择最适合你需要的那个。

我不打算发布一个实际的解决方案，因为你还没有真正展示出这个解决方案，但这应该指向正确的方向。