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