js 打字机怎么换行

2016-07-22 21:18:43 +08:00
 v2016

代码是: 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("我是打字机"); } 如何在我是后面进行换行,然后打字机在第二行

3774 次点击
所在节点    JavaScript
9 条回复
loading
2016-07-22 21:45:16 +08:00
<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
说添加 br 仔细瞧下代码
laobaozi
2016-07-23 09:31:47 +08:00
加个标识符比如 !-! 用于分割 text 然后把分割后的数组每打印一个项就输出一个换行
pathen
2016-07-23 10:40:05 +08:00
\n
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 判断中,否则会报错。
同时没有写定时器的结束标识,这个定时器没有被释放。

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/294305

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX