javascript - 如何使用javascript将字符串附加到textarea

Question

我想将给定的字符串附加到我拥有的文本区域，我想以看起来像有人在纹理上打字的方式附加文本，因为我的声音在后台播放了 6 秒，它说同样的东西要写。

<textarea id='typeable' style='font-size:18px;background:#F8E71C'></textarea>    

<script>
    function addText(event) {
        document.getElementById("typeable").value += "Hello welcome to the new world of javascript"
    }
    </script>

我该怎么做

Answer 1

计算句子中的字符数，然后用总时间除以字符数来计算每个字符的时间。的字符，然后调用时间间隔并运行它，直到打印出所有字符。

您仍然可以决定打印每个字符所花费的时间并根据需要进行修改。请注意，时间以毫秒为单位。

var chars = "Hello welcome to the new world of javascript".split("");
var textarea = document.querySelector('textarea');
var total_time=6000;
var index = 0;
var time_per_char = total_time/chars.length;
var t = setInterval(function(){
 textarea.value += chars[index];
  index++;
  if (index === chars.length){
   clearInterval(t);
  }
},time_per_char);

<textarea style="width:100%;background:#E1ECF4">

</textarea>