javascript - 如何编写一个每五秒在字符串末尾添加一个句点的 javascript 函数？

Question

我正在使用以下代码：

<div class="loading-mask" id="loading-mask" style="display: none;">
    <span>Authenticating</span>
</div>

<script type="text/javascript">
    (function() {
        document.getElementsByClassName('form')[0]
            .addEventListener("submit", function () {  
                document.getElementById("loading-mask").style.display = "block";
            }, false);
    })();
</script>

这样做是为了在用户单击提交后使名为 loading-mask 的 Div 可见。我怎样才能使它在“身份验证”一词之后也显示一个句点，并以每五秒一个的速度添加更多句点？

Answer 1

你可以使用setInterval函数。更多信息：https ://developer.mozilla.org/en-US/docs/Web/API/Window.setInterval

setInterval(function() {
    document.getElementById('loading-mask').innerHTML += '.';
}, 5000);