使用示例实现删除键入文字

时间:2018-08-09 08:31:29

标签: javascript html

我在W3学校碰到了这个脚本,用于键入文本。尝试一下,我无法实现删除功能,因此用户看到文本,先删除然后再键入。我试图避免使用jQuery。还可以在html部分中添加文本,而不使用变量吗?

var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* The text */
var speed = 50; /* The speed/duration of the effect in milliseconds */

function typeWriter() {
  if (i < txt.length) {
     document.getElementById("demo").innerHTML += 
     txt.charAt(i);
     i++;
     setTimeout(typeWriter, speed);
   }
 }
<p id="demo"></p>

0 个答案:

没有答案