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

js 打字机怎么换行

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

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

    添加一个 br element 就换行了。。。
        5
    adv007   2016-07-23 07:53:04 +08:00 via iPhone
    说添加 br 仔细瞧下代码
        6
    laobaozi   2016-07-23 09:31:47 +08:00 via iPhone
    加个标识符比如 !-! 用于分割 text 然后把分割后的数组每打印一个项就输出一个换行
        7
    pathen   2016-07-23 10:40:05 +08:00 via Android
    \n
        8
    ClassicOldSong   2016-07-23 21:39:50 +08:00
    可以参考一下我的 Typinyin.js
    https://github.com/ClassicOldSong/typinyin.js
        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 判断中,否则会报错。
    同时没有写定时器的结束标识,这个定时器没有被释放。

    换行功能建议配置换行表示,将字符串按要求分割打印。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2741 人在线   最高记录 4385   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 24ms · UTC 11:39 · PVG 19:39 · LAX 03:39 · JFK 06:39
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1