typed.js——动态打印字体插件

js

前言（背景）：
最近使用到了一个有趣而简单的动态打印字体插件——typed.js。这里记录一下。

代码

1、在官网下载相应文件并引入HTML

<script src="./typed-js/typed.min.js"></script>

准备标签如下：

<div class="typedjs"></div>

2、js代码实现

/**
 * 通过typed-js插件打印文字
 */
function printWord() {
    var typed = new Typed('.typedjs', {
        strings: [
            'Hello World!',
            'I\'m Zksky!',
            '译：我思故我在',
        ],
        //打印的速度。单位ms
        typeSpeed: 150,
        //设置循环，为真，开启循环
        loop: true,
        //打印前的延迟时间
        startDelay: 0,
        //打印后的延迟时间
        backDelay: 2000,
        //返回的速度
        backSpeed: 30
    });
}

后记

typed.js有更多功能效果等待你的发现，请移步typed.js的github说明页面：https://github.com/mattboldt/typed.js/

若想看笔者实现的功能，请移步笔者的个人主页： https://www.zksky.top/

注：
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名,转载请标明出处。