使用原生 HTML + JS 实现类似 ChatGPT 的文字逐字显示效果

ChatGPT 的逐字显示效果很酷炫，那么我们可以尝试实现类似的效果。

定义一个基本 HTML 结构

<div class="chat-container">
  <div id="message"></div>
</div>

编写 JS 代码

const messageElement = document.getElementById("message");
const text =
  "这是一个模拟 ChatGPT 的文字输出效果的示例。文字会逐字显示，就像是实时生成的。";
let index = 0;