javascript - 如何使用 javascript 字母随机发生器循环浏览多行？

Question

好吧，我有一个 JavaScript 字母随机化器的代码，它工作得很好，我只是无法弄清楚如何让它生成不止一行，同时仍然保持我的代码相对高效。

理想情况下，我喜欢这样说，然后循环回到开头:

嗨，我叫 Yeet

这是我的网站

我喜欢制作很酷的东西

环顾四周:)

任何帮助将不胜感激:)))

window.onload = function() {
    var theLetters = "abcdefghijklmnopqrstuvwxyz#%&^+=-";
    var cntnt = "Hi, my name is Yeet";
    var speed = 20; // ms per frame
    var increment = 2; // frames per step
    var clen = cntnt.length;
    var si = 0;
    var stri = 0;
    var block = "";
    var fixed = "";
    //Call self x times, whole function wrapped in setTimeout
    (function rustle(i) {
        setTimeout(function() {
            if (--i) {
                rustle(i);
            }
            nextFrame(i);
            si = si + 1;
        }, speed);
    })(clen * increment + 1);

    function nextFrame(pos) {
        for (var i = 0; i < clen - stri; i++) {

            var num = Math.floor(theLetters.length * Math.random());
            //Get random letter
            var letter = theLetters.charAt(num);
            block = block + letter;
        }
        if (si == (increment - 1)) {
            stri++;
        }
        if (si == increment) {
            // Add a letter; 
            // every speed*10 ms
            fixed = fixed + cntnt.charAt(stri - 1);
            si = 0;
        }
        $("#output").html(fixed + block);
        block = "";
    }
};

Answer 1

使cntnt成为一个数组

    var cntnt = ["Hi, my name is Yeet", "This is my website", "I like making cool stuff", "take a look around :)"];

并使用pos % cntnt.length作为数组索引。

            fixed = fixed + cntnt[pos % cntnt.length].charAt(stri - 1);