Question

有没有一种方法可以让jQuery自己制作文本类型？就像有人在输入字母，但它真的是jQuery做的吗？

Answer 1

我决定写自己的，所以我有点落后于其他答案。这是我快速整理的东西，似乎运行得很好。

var text = "The quick fox jumped over the lazy dog.";
var charCount = text.length;
var currentLetterCount = 0;
var speed = 100; // How fast should it type?
var $input = document.getElementById("someInput");

function writeLetter() {
    var currentText = $input.value;
    var currentLetter = text.charAt(currentLetterCount);
    currentLetterCount++;
    $input.value = currentText + currentLetter;
    if(currentLetterCount == charCount)
        clearInterval(timerId);
}

var timerId = setInterval(writeLetter, speed);

以下是sample以及如何将其与课程而不是ID一起使用。

Answer 2

它有plugin

您可以使用它来输出这样的元素：

$('.exampleA_Header').jTypeWriter();

Answer 3

你不需要jQuery - 只需设置一个字符串，一些带有一些随机的计时器，一次将字符复制到一个DIV中。纯JavaScript。

Answer 4

我认为更新计时器上的元素可以完成工作。

未经测试，但在我的头顶，注意这不使用jquery，但很容易转换。

var timer = 0;

timer = setInterval ( "updateElement()", 5000 );

function updateElement ( )
{
  var stringToType = "this text will be typed";
  var oldValue = getElementById('myelement').Value;

if(stringToType == oldValue)
{
  clearInterval(timer);
}  
else
{
  getElementById('myelement').Value = oldValue + stringToType.subString(oldValue.length, 1);
}
}

Answer 5

我想Javascript本身可以使用setInterval和你想要打印的字符串，设置元素的innerText / textContent。

如何使用jQuery使文本类型化？

5 个答案: