jquery - 在输入中逐个字母显示文本

Question

我正在尝试逐个字母地在输入标签内显示一条消息，就像实际写入和定位该值将一次只显示每个字母，而不是一个接一个地显示:jsFiddle

HTML

<input class="mailchimp" type="text" spellcheck="false" />

Jquery

var fillInput = function (target, message, index, interval) {    
  if (index < message.length) { 
    $(target).val(message[index++]); 
    setTimeout(function () { fillInput(target, message, index, interval); }, interval); 
  } 
}

$(function () { 

  fillInput(".mailchimp", "Subscribe", 0, 100); 

}); 

如果将 $(target).val(message[index++]); 更改为 $(target).append(message[index++]); 并创建一个带有 mailchimp 类的 div，它将一个接一个地显示每个字母。

我该怎么做？谢谢。

Answer 1

您需要将输入值附加到字符
JS

var fillInput = function (target, message, index, interval) {    
  if (index < message.length) { 
    $(target).val($(target).val()+message[index++]); 
    setTimeout(function () { fillInput(target, message, index, interval); }, interval); 
  } 
}

$(function () { 

  fillInput(".mailchimp", "Subscribe", 0, 100); 

}); 

http://jsfiddle.net/u28ajyfz/