javascript - 如何停止这个 setInterval 函数？

Question

这个问题已经有答案了:

How can I use setInterval and clearInterval? (6 个回答)

已关闭 8 年前。

这个循环永远循环，如何在标记的位置停止它？

$.fn.writeText = function(content) {
    var contentArray = content.split(""),
        current = 0,
        elem = this;
    setInterval(function() {
        if(current < contentArray.length) {
            elem.text(elem.text() + contentArray[current++]);   
        }
        else{
            //stop here.
        }
    }, 100);

};

$("#ID").writeText("Texty text text");

谢谢。我认为它应该是clearTimeout()，但我不确定如何。

Answer 1

使用clearTimeout()，如下所示:-

$.fn.writeText = function(content) {
    var timer;
    var contentArray = content.split(""),
        current = 0,
        elem = this;
    timer = setInterval(function() {
        if(current < contentArray.length) {
            elem.text(elem.text() + contentArray[current++]);   
        }
        else{
           clearTimeout(timer);
        }
    }, 100);

};

$("#ID").writeText("Texty text text");