JavaScript 创建打字效果

Question

我正在尝试使用一些实时语音识别文本来创建打字效果。 我正在使用 socket.io 从后端传递语音识别数据。

socket.on('transcription', data => {
  var finalDiv = document.getElementById('final_span');
  var text_area = document.getElementById('results')
  finalDiv.innerHTML = "";
  typeWriter(data, finalDiv);
  results.scrollTop = results.scrollHeight;
});

function typeWriter(data1, add_to) {
  var i = 0;
  var speed = 50;
  if (i < data1.length) {
    add_to.innerHTML += data.charAt(i);
    i++;
    setTimeout(typeWriter(data1, add_to), speed);
  }
}

每次从后端接收到一些文本时，代码应将文本打印到 finalDiv.innerHTML 并输入 animation。 但是当我运行代码时，它会产生“数据未定义”的错误。 这里有什么问题？

感谢您的时间和帮助。

Answer 1

function typeWriter(data1, add_to)

typeWriter将data1定义为第一个参数参数，但是

add_to.innerHTML += data.charAt(i);

您正在使用data来获取字符。 将其更改为data1 。