javascript – Jquery擦除带有类型效果的文本

前端之家收集整理的这篇文章主要介绍了javascript – Jquery擦除带有类型效果的文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

$.each(title.split(''),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--;
}

猜你在找的HTML相关文章