Javascript 完成时触发函数机场插件文本效果

Javascript 完成时触发函数机场插件文本效果,javascript,javascript-events,Javascript,Javascript Events,我正在使用一个插件,它可以旋转类似于机场布告牌的字母 这是作者写的剧本 我想知道如何在字母旋转结束后触发函数,以便在下一个数组开始旋转之前更改背景div的css background属性 大概是这样的:background1->旋转“7天”->完成旋转->背景2旋转“14天”->完成旋转->旋转“22天”等等 HTML JS脚本 (函数($){ $.fn.extend({ 机场:功能(阵列){ var self=$(这是); ‘此外,‘H’、‘H’、‘H’、‘我、‘我,、‘我、‘H’、‘我’、

我正在使用一个插件,它可以旋转类似于机场布告牌的字母

这是作者写的剧本

我想知道如何在字母旋转结束后触发函数,以便在下一个数组开始旋转之前更改背景div的css background属性

大概是这样的:
background1
->
旋转“7天”
->
完成旋转
->
背景2
旋转“14天”->
完成旋转
->
旋转“22天”
等等

HTML

JS脚本

(函数($){
$.fn.extend({
机场:功能(阵列){
var self=$(这是);
‘此外,‘H’、‘H’、‘H’、‘我、‘我,、‘我、‘H’、‘我’、‘我’、‘J’、‘J’、‘J’、‘K’、‘L’、‘L’、‘M’、‘M’、‘N’、‘我’、‘P’、‘Q’、‘R’、‘R’、‘他们、‘U’、、‘他们、、、、、、‘Y、‘Y’、、‘Z’、、、、、、、、、、、‘他们、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、“,”U“,”V“,”W“,”X“,”Y“,”Z“,”1“,”2“,”3“,”4“,”5“,”6“,”7“,”8“,”9“,”0“;
var=0;
var items=items2=array.length;
函数板(a,b){返回一个+新数组(b-a.length+1).join(“”);}
$(this.empty();
而(项目--)
如果(数组[项目]。长度>最长)最长=数组[项目]。长度;
而(第2项--)
数组[items2]=pad(数组[items2],最长);
跨度=最长;
而(跨越--)
$(此)。前缀(“”);
函数testChar(a,b,c,d){
if(c>=array.length)
setTimeout(函数(){testChar(0,0,0,0);},0);
否则,如果(d>=最长)
setTimeout(函数(){testChar(0,0,c+1,0);},10000);
否则{
$(self.find('.c'+a).html((chars[b]==”“)?”“:chars[b]);
setTimeout(函数(){
如果(b>字符长度){
testChar(a+1,0,c,d+1);
}
else if(字符[b]!=数组[c]。子字符串(d,d+1)){
testChar(a,b+1,c,d);
}
否则{
testChar(a+1,0,c,d+1);
}
}, 1);
}
}
testChar(0,0,0,0);
} 
}); 
})(jQuery);

以下条件

else if(d >= longest)
    setTimeout(function() { testChar(0,0,c+1,0); }, 10000);
是插件在完成一次旋转后准备下一次旋转的地方-因此您可以在那里应用一个类/调用一个函数

添加括号并包含应用类的逻辑,如下所示:

else if(d >= longest) {
    $('.dur').attr('class', 'dur ' + (colors[c]));
        setTimeout(function() { testChar(0,0,c+1,0); }, 1000);
}

这里有一个代码笔示例:

谢谢!这正是我想弄明白的!
else if(d >= longest)
    setTimeout(function() { testChar(0,0,c+1,0); }, 10000);
else if(d >= longest) {
    $('.dur').attr('class', 'dur ' + (colors[c]));
        setTimeout(function() { testChar(0,0,c+1,0); }, 1000);
}