逐字输出字符串的最后两行

Print out last two lines of a string word by word

本文关键字:两行 最后 输出 字符串      更新时间:2023-09-26

我有一个脚本,它一个字一个字地打印出字符串,我想知道如果你有一个10行的字符串,你如何立即显示前8行,最后2行你一个字一个字地打印出来。谢谢。

<div id="myTypingText"></div>
<script>
var myString = "Place your <br> string data <br> here, and as much as you like.";
var myArray = myString.split("");
var loopTimer;
function frameLooper() {
    if(myArray.length > 0) {
        document.getElementById("myTypingText").innerHTML += myArray.shift();
    } else {
        clearTimeout(loopTimer); 
                return false;
    }
    loopTimer = setTimeout('frameLooper()',70);
}
frameLooper();
</script>

您可以使用.split("'n")先按换行字符进行分割,然后打印返回的数组中的前8项,然后继续对剩余的文本进行逐字打印。您可以使用+合并剩余的字符串,也可以在数组中的每个字符串上重复运行代码。

这是假设用户将使用键盘输入,因此使用'n换行字符生成新行。如果以其他方式生成新行,只需对分隔新行的任何其他字符使用.split()并执行相同的操作。