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

js 打字机怎么换行

  •  
  •   v2016 2016 年 7 月 22 日 4344 次点击
    这是一个创建于 3564 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    添加一个 br element 就换行了。。。
    adv007
        5
    adv007  
       2016 年 7 月 23 日 via iPhone
    说添加 br 仔细瞧下代码
    laobaozi
        6
    laobaozi  
       2016 年 7 月 23 日 via iPhone
    加个标识符比如 !-! 用于分割 text 然后把分割后的数组每打印一个项就输出一个换行
    pathen
        7
    pathen  
       2016 年 7 月 23 日 via Android
    \n
    ClassicOldSong
        8
    ClassicOldSong  
       2016 年 7 月 23 日
    可以参考一下我的 Typinyin.js
    https://github.com/ClassicOldSong/typinyin.js
    TomIsion
        9
    TomIsion  
       2016 年 7 月 28 日   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     Solana     2708 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 61ms UTC 06:24 PVG 14:24 LAX 23:24 JFK 02:24
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86