Typed.js打字效果js库的几种应用方式（5）

之前我们分享过一个有趣而简单的动态打印字体插件——typed.js

关于typed.js，可以了解这篇文章

一个有趣而简单的动态打印字体插件——typed.js

这里我们会陆续给给大家说一下，Typed.js的几种实际应用方法，多掌握一些简单的前端技巧

1.基础应用，在静态HTML中使用（对 SEO 友好）
2.简单暂停打字效果
3.智能退格效果

4.在input中应用打字效果

5.洗牌效果

在下面的示例中，Typed.js可以控制多个字符串逐一删除，逐一显示，模拟洗牌效果

var typed5 = new Typed('#typed5', {
    strings: ['1 Some <i>strings</i> with', '2 Some <strong>HTML</strong>', '3 Chars &times; &copy;'],
    typeSpeed: 0,
    backSpeed: 0,
    cursorChar: '_',
    shuffle: true,
    smartBackspace: false,
    loop: true
  });

cursorChar: '_', 用于控制模拟打字时候的光标字符，可以自定义

shuffle: true, 洗牌效果开关，true，false