javascript - Jquery 删除具有类型效果的文本

Question

我写了一些脚本来添加带有打字效果的文本。我需要删除类似效果的文本，但不知道该怎么做。如果可以请帮助。

JS 代码:

var title = $(".form-title").attr("data-title");

$.each(title.split(''), function (i, letter) {
    setTimeout(function () {
         console.log(letter);
        $('.form-title').html($('.form-title').html() + letter);
    }, 500 * i);
});

JSFIDDLE

Answer 1

var title = $(".form-title").attr("data-title");
var interval = 200;
var wait = interval + (interval * title.length);

$.each(title.split(''), function (i, letter) {
    setTimeout(function () {
        $('.form-title').html($('.form-title').html() + letter);
    }, interval * i);
});
var i = title.length;
while(i >= 0){
    setTimeout(function () {
        var text = $('.form-title').html();
        var length = text.length - 1;
        $('.form-title').html(text.substring(0, length));
    }, wait + (interval * i) );
    i--;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<h2 class="form-title" data-title="Dear Concept Studio,"></h2>