纯前端仿GPT流式打字效果的js库，类似通义千问或者其他AI界面的打字效果

唯一Chat

发布于 2023-04-21 20:05:13

1.7K00

代码可运行

文章被收录于专栏：陶士涵的菜地陶士涵的菜地

运行总次数：0

代码可运行

因为GPT以及国内各大模型的发布，很多官网都设计的是，仿造流式打字效果，下面这个js库就能轻松实现。

typed.js

具体实现代码参考下面：

<span  id="subTitle"></span>
<script src="https://unpkg.com/typed.js@2.0.15/dist/typed.umd.js"></script>
<script>
    var typed = new Typed('#subTitle', {
        strings: ['我是知识库机器人，一个专门响应人类指令的大模型','我服务于人类，致力于让生活更美好','自建私有数据知识库 · 与知识库AI聊天'],
        cursorChar: '_',
        loop: true,
        typeSpeed: 120,
        backDelay: 3000,
    });
</script>

实现的效果可以看我的官网 gofly.v1kf.com

我这里开发客服系统，所以毕竟契合这个打字效果，就给加上了