js 打字机怎么换行

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3079 天前的主题，其中的信息可能已经有所发展或是发生改变。

代码是： function text(str){ var arr=[]; var text=document.getElementsByClassName("text")[0]; for(var i=0;i<str.length;i++){arr[i]=str[i];} var p=document.createElement("p"); text.appendChild(p); var index=0; var obj=setInterval(function(){ if(index<arr.length){ var text=document.createTextNode(arr[index]); } p.appendChild(text); index++; },200);

} window.onload=function(){ text("我是打字机"); } 如何在我是后面进行换行，然后打字机在第二行

9 条回复 • 2016-07-28 10:56:41 +08:00

loading

2016-07-22 21:45:16 +08:00 via Android

<br />

popu111

2016-07-22 22:10:36 +08:00

@loading 按照《 html5 撕逼团纲要》，你加了这个"/"是要处以极刑的（滑稽.jpg

lwbjing

2016-07-22 22:55:17 +08:00

@popu111 当年面试经历过 html4 xhtml 的区别的表示还是会习惯性加上 “/”，嘿嘿...

shyling

2016-07-22 23:14:07 +08:00

话说你代码的换行呢？

添加一个 br element 就换行了。。。

adv007

2016-07-23 07:53:04 +08:00 via iPhone

说添加 br 仔细瞧下代码

laobaozi

2016-07-23 09:31:47 +08:00 via iPhone

加个标识符比如 !-! 用于分割 text 然后把分割后的数组每打印一个项就输出一个换行

pathen

2016-07-23 10:40:05 +08:00 via Android

ClassicOldSong

2016-07-23 21:39:50 +08:00

可以参考一下我的 Typinyin.js
https://github.com/ClassicOldSong/typinyin.js

TomIsion

2016-07-28 10:56:41 +08:00

```
var obj = setInterval(function() {
if (index < arr.length) {
var text = document.createTextNode(arr[index]);
p.appendChild(text);
}
index++;
}, 200);
```

`a.appendChild(text)` 必须包含在 if 判断中，否则会报错。
同时没有写定时器的结束标识，这个定时器没有被释放。

换行功能建议配置换行表示，将字符串按要求分割打印。