javascript - 如何在 HTML/Javascript 中循环更改文本？

Question

我如何使用 HTML/Javascript 来更改文本，循环执行预定的序列？

Kind of like this, but in text form, instead of GIF

谢谢!

Answer 1

    <script>
        var example = ['A', 'B', 'C', 'D'];

        textSequence(0);
        function textSequence(i) {

            if (example.length > i) {
                setTimeout(function() {
                    document.getElementById("sequence").innerHTML = example[i];
                    textSequence(++i);
                }, 1000); // 1 second (in milliseconds)

            } else if (example.length == i) { // Loop
                textSequence(0);
            }

        }
    </script>

以及显示序列的 div:

<div id="sequence"></div>