Javascript 为添加到跨度的角色设置动画

将新字符添加到messageCorrectrlyTyped范围时是否可以添加效果？那么，当用户键入正确的字符时？我尝试设置转换：所有1；但是它不起作用。你能帮我吗

var messageToType=document.querySelectormessageToType； var messageCorrectlyTyped=document.querySelectormessageCorrectlyTyped； var correctlyTyped=； document.addEventListenerkeypress，功能E{ 如果messageToType.textContent.length>0{ var charToPress=messageToType.textContent[0]； var charPressed=String.fromCharCodee.keyCode； 如果按下ChartPress==ChartPress{ messageToType.textContent=messageToType.textContent.substring1； messageCorrectlyTyped.textContent+=字符按下； messageCorrectlyTyped.style.color=绿色； } } }; 消息类型{ 字体系列：信使新； 字体大小：20px； 字号：700； } 消息类型正确{ 字体系列：信使新； 字体大小：20px； 字号：700； } 容器{ 保证金：自动； 宽度：50%； 文本对齐：居中； } 测试类型 再见

---

这是一个非常广泛的问题

下面是一个例子，告诉我它是否适用于您：

const hider=document.querySelector'.hider'； 常数宽度=hider.offsetWidth； hider.style.left='0px'； const inter=setInterval=>{ left=+hider.style.left.replace'px'；

---

如果链接到现有字符串，则无法设置字符的动画，则可以设置整个字符串的动画，而不是添加字符。您需要使用字符创建不同的元素来设置动画，或者在文本上使用另一个元素来设置显示动画。顺便说一句，对e.keyCode的支持是有限的，不能在所有浏览器中使用rs见e。which@Kaddath你在文本上使用另一个元素来设置显示动画是什么意思？实际上，特里谢的回答完美地说明了这一点：字符串是固定的，没有动画，他使用隐藏元素来显示角色。当你的动画不需要移动你的角色时，这个技巧会起作用