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

因为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 

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

 

posted @ 2023-04-13 16:32  唯一客服系统开发笔记  阅读(492)  评论(0编辑  收藏  举报