javascript - 模拟用户在文本框 javascript 中书写

Question

我有这个表格，我用：

document.getElementById("val").value ="value";

这会自动将值插入到文本框中。

是否可以插入模拟用户写作？所以一个一个地插入一个字母而不是全部插入？

标签： javascripthtml

Answer 1

检查这是否适合您。它将一个一个地插入字符，每个字符之间的延迟约为 300 毫秒。

var word = "value";
var n = 0;
var x = document.getElementById("val");

(function loop() {
  x.value += word[n];
  if (++n < word.length) {
    setTimeout(loop, 300);
  }
})();

<input type="text" id="val">