效果图

体验链接：https://livequeen.top/deepseekshow 

思路

返回的文本，用一个元素a临时存储，将a存储的结果，一个一个字符定时添加到显示的文本b上即可。

注意：因为for循环不会等定时函数，所以每下一个字符，要加时1轮，例如：定时（100*i）ms

实现

    // 展示的文本
    var text = ''   

    /**
     * 模拟AI机器人打字效果
     * @param content 返回的全部文本
     */
    chatAI (content) {

      // 获取返回结果
      let data = content
      // 临时储存结果（一个一个字符叠加）
      let dataTemp = ''

      // for循环一个个字符执行
      for (let i = 0; i < data.length; i++) {
          // 定时（100*i）ms，因为for循环不会等定时函数，所以每下一个字符，要加时1轮
          setTimeout(() => {
            
            // 更新临时字符集
            dataTemp = dataTemp + data[i]
            
            // 判断是否是最后一个字符，用于模拟打字效果结尾'_'，并赋值给展示的文本
            if (i === data.length - 1) {
              this.text = dataTemp
            } else {
              this.text = dataTemp + '_'
            }
          }, 100 * i)
        }
      }
    }