Javascript 在输入字段中设置文本动画

我正在开发一个JavaScript控制台，当用户在其中键入命令并按enter键时，控制台就会执行此操作

有一件事我无法弄清楚，那就是如何在

输入

字段中设置文本动画。

input

字段本身已经有了一个值，我想对其设置动画

我可以用CSS动画为普通文本制作文本动画，但这似乎不适用于

input

。请查看CSS文本动画。如果有一种方法可以用CSS为输入中的文本设置动画，那就更好了

因此，有人能暗示或建议我如何实现我的目标吗

---

非常感谢。

所以我想你可能在找这样的东西

---

这将侦听onkeypress，然后JavaScript将启动并将新

的内部html设置为文本框中的任何值。

您可以尝试覆盖输入，并在动画完成后使用一些java脚本填充输入的实际文本

<div>
    <input type="text" value="Some text"></input>
    <span>Some text</span>
</div>

div{position:relative;}
span { 
    ...your h1 stuff here...
    position:absolute;
    left:2px;
}
input {font: bold 200% Consolas, Monaco, monospace;}

一些文本
div{位置：相对；}
span{
…你的h1资料在这里。。。
位置：绝对位置；
左：2px；
}
输入{字体：粗体200%控制台，摩纳哥，monospace；}

我提出了一种javascript逻辑，可以在输入文本字段中为特定文本设置动画。希望这能回答你的问题

var value = "Typing animation";
value.split("").forEach(function(elem, index){
  setTimeout(function(){
  $("input[type='text']").val($("input[type='text']").val()+elem);
}, index* 750); 
$("input[type=text]").focus();
}); 

检查下面的小提琴