V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
v2016
V2EX  ›  JavaScript

js 打字机怎么换行

  •  
  •   v2016 · 2016-07-22 21:18:43 +08:00 · 3611 次点击
    这是一个创建于 2806 天前的主题,其中的信息可能已经有所发展或是发生改变。

    代码是: 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
        1
    loading  
       2016-07-22 21:45:16 +08:00 via Android
    <br />
    popu111
        2
    popu111  
       2016-07-22 22:10:36 +08:00
    @loading 按照《 html5 撕逼团纲要》,你加了这个"/"是要处以极刑的 (滑稽.jpg
    lwbjing
        3
    lwbjing  
       2016-07-22 22:55:17 +08:00
    @popu111 当年面试经历过 html4 xhtml 的区别的表示还是会习惯性加上 “/”,嘿嘿...
    shyling
        4
    shyling  
       2016-07-22 23:14:07 +08:00
    话说你代码的换行呢?

    添加一个 br element 就换行了。。。
    adv007
        5
    adv007  
       2016-07-23 07:53:04 +08:00 via iPhone
    说添加 br 仔细瞧下代码
    laobaozi
        6
    laobaozi  
       2016-07-23 09:31:47 +08:00 via iPhone
    加个标识符比如 !-! 用于分割 text 然后把分割后的数组每打印一个项就输出一个换行
    pathen
        7
    pathen  
       2016-07-23 10:40:05 +08:00 via Android
    \n
    ClassicOldSong
        8
    ClassicOldSong  
       2016-07-23 21:39:50 +08:00
    可以参考一下我的 Typinyin.js
    https://github.com/ClassicOldSong/typinyin.js
    TomIsion
        9
    TomIsion  
       2016-07-28 10:56:41 +08:00   ❤️ 1
    ```
    var obj = setInterval(function() {
    if (index < arr.length) {
    var text = document.createTextNode(arr[index]);
    p.appendChild(text);
    }
    index++;
    }, 200);
    ```

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

    换行功能建议配置换行表示,将字符串按要求分割打印。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5408 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 07:53 · PVG 15:53 · LAX 00:53 · JFK 03:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.