JavaScript创建键入效果

JavaScript创建键入效果,javascript,html,html5-audio,Javascript,Html,Html5 Audio,我正在尝试用一些实时语音识别文本创建一种打字效果。我正在使用socket.io从后端传递语音识别数据 socket.on('transcription', data => { var finalDiv = document.getElementById('final_span'); var text_area = document.getElementById('results') finalDiv.innerHTML = ""; typeWriter(data, fina

我正在尝试用一些实时语音识别文本创建一种打字效果。我正在使用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;
});
功能打字机(数据1,添加到){
var i=0;
无功转速=50;
如果(i
每次从后端接收到一些文本时,代码都应使用键入的动画将文本打印到finalDiv.innerHTML。但是当我运行代码时,它会产生一个错误“数据未定义”。这里有什么错

谢谢你的时间和帮助

function typeWriter(data1, add_to)
typeWriter
data1
定义为第一个参数,但

add_to.innerHTML += data.charAt(i);
您正在使用
数据
获取字符。将其更改为
data1

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