纯前端仿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 @   唯一客服系统开发笔记  阅读(561)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
历史上的今天:
2021-04-13 [PHP]正则表达式\w和\W区别
2021-04-13 [Go]windows下安装go1.16.3
2020-04-13 [Redis] Redis6 的RC版本更改日志
2018-04-13 [日常] Go语言圣经-文本和HTML模板习题
2017-04-13 [Linux] PHP程序员玩转Linux系列-升级PHP到PHP7
2016-04-13 [android] 手机卫士保存安全号码
2016-04-13 [android] 手机卫士读取联系人
点击右上角即可分享
微信分享提示
1
chat with us