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

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

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

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

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

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

在下面的示例中，Typed.js会将 My strings are: 后面的单词退格，一次显示多组数据中My strings are: 后面的内容。

var typed3 = new Typed('#typed3', {
    strings: ['My strings are: <i>strings</i> with', 'My strings are: <strong>HTML</strong>', 'My strings are: Chars &times; &copy;'],
    typeSpeed: 0,
    backSpeed: 0,
    smartBackspace: true, // My strings are: default
    loop: true
  });

在这段代码中，我们可以通过以下参数对打字效果进行调整：

typeSpeed: 输入字符速度,

backSpeed: 删除字符速度,

loop: 是否循环,

smartBackspace：是否自动删除，会根据输出数组中的内容进行判断，判断数组中前部重复的部分，为保留展示部分。差异的部分回进行退回删除和打字输出小效果展示。如本端示例中的“My strings are:”