逐字输出字符串的最后两行
Print out last two lines of a string word by word
我有一个脚本,它一个字一个字地打印出字符串,我想知道如果你有一个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()并执行相同的操作。
相关文章:
- 我怎么能用css或(angular)javascript把句子分成两行,只在特定单词后面
- Jquery顶部的两行Javascript不起作用
- Javascript赢得'Don’不要跳过前两行代码
- 这两行jQuery是否等效
- 一行或两行后的CSS单词省略号('..')
- 将鼠标悬停在图像上,图像的不透明度和图像下方标题的颜色会发生变化..同样,当标题变成两行时,它会破坏格式
- 将两行代码与JavaScript组合在一个函数中
- CSS 为 JSON 数据添加两行字符
- 将数据表的所有行(最后一行除外)的光标更改为指针
- 如何让我的 ckEditor 菜单按钮显示在两行而不是四行上
- 在两行(或更多行)上重复 ng
- 如何使用 jQuery 匹配两行内两个锚点的索引
- 如何重命名本机窗口函数,以便我可以删除两行
- CSS:将三个按钮对齐成两行
- 如何将两个表单字段分成两行
- 显示 D3.js将文本标记为两行
- 奇怪的是,在第二次单击切换隐藏/显示按钮而不是第一次单击后,有两行有效
- 在 Javascript 中拆分两行的字符串
- 什么可能导致函数的最后两行不执行
- 逐字输出字符串的最后两行