javascript - 如何使用打字机插件显示很多?

Question

我有一些像这样的同一个类的 div 标记：

div class="test"

我正在使用 jquerytypewriter 来显示效果文本。我的问题是当一个 div 结束它的隐藏并且在 div 以 jquerytypewriter 效果开始之后我怎么能

我的身体代码是：

<div class="test">aaaaaaaaaaaaaaaaaaaaaa</div>
<div class="test">bbbbbbbbbbbbbbbbbbbbbbbb</div>
 <div class="test">ccccccccccccccccccccccc</div>
 <div class="test">dddddddddddddddddddddddd</div>

我的js代码是：

$(document).ready(function(){

m();
function m(){
    //alert($('.test').length);
    for(var i=0; i<$('.test').length ; i++){
$('.test').eq(i).typewrite({delay:20, extra_char : "_" , trim : true,callback : function(){
    $('.test').eq(i).hide(800);
    $('.test').eq(i).next().show(1000);

    }});

}
});

我怎样才能在 div 上一个一个地应用这个效果 .. ？

Answer 1

$(document).ready(function(){
var i = 0;
var x = $('.test').length;
m();
function m(){
    //alert($('.test').length);

    //for(var i=0; i<$('.test').length ; i++){  

    if(x>0)
$('.test').eq(i).typewrite({delay:20, extra_char : "" , trim : true,callback :setTimeout(function(){
    $('.test').eq(i).hide(1);
    i++;
    if(i==$('.test').length){i=0}
    m();
    },3000)});



    //}
}

});