jquery - 如何将此 jQuery 函数放入 .click() 中

Question

我不明白，我想做的不是在加载时进行打字，而是当我单击链接时它开始打字。这是如何工作的？

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 = $(".some-textbox");

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

var timerId = setInterval(writeLetter, speed);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<input type="text" style="width: 500px" class="some-textbox" />

和jsfiddle:http://jsfiddle.net/7K3UE/

Answer 1

您只需在 .click() 中启动计时器即可处理程序而不是直接在 document.ready 处理程序中，如下所示:

$(".some-link").click(function() {
  timerId = setInterval(writeLetter, speed);
});

You can test it here .