Javascript 如何使此脚本具有无限循环？

Javascript/Jquery专家

我有这个剧本

JavaScript

$(document).ready(function(){
   var number = 1;
   var timer = setInterval(function() {
     if(number == 1){str = "Professionl Designer"}
     else if(number == 2){str = "Professionl Marketer"}
     else if(number == 3){str = "Professionl Programmer"}
     else if(number == 4){str = "Professionl Developer"}    
     $("#test").html("<div>"+ str+"</div>").fadeTo(600, 0.1).fadeTo(600, 1.0);
     ++number;
     if(number == 5){
       clearInterval(timer);
     }
    }, 2500); 
});

$（文档）.ready（函数（）{
var数=1；
var timer=setInterval（函数（）{
如果（number==1）{str=“Professionl Designer”}
如果（number==2）{str=“专业营销人员”}
如果（number==3）{str=“Professionl Programmer”}
如果（number==4）{str=“Professionl Developer”}
$（“#test”）.html（“+str+”）.fadeTo（600,0.1）、fadeTo（600,1.0）；
++数量；
如果（数字=5）{
清除间隔（计时器）；
}
}, 2500); 
});

HTML

<div id = "test"></div>

检查它

此脚本在显示最后一个标题后停止

---

在连续循环中显示最后一个标题后，应再次显示第一个标题。

在每个循环后重置数字

$（文档）.ready（函数（）{
var pro=[“专业设计师”，
“专业营销人员”，
“专业程序员”，
“专业开发商”]；
var数=0；
var timer=setInterval（函数（）{
$（“#test”）.html（“+pro[number]+”）.fadeTo（600,0.1）、fadeTo（600,1.0）；
++数量；
如果（数字=4）{
数字=0；
}
}, 2500);
});

而不是
clearInterval
只需将
number
重新设置为1？如果不想停止间隔，为什么要调用
clearInterval（计时器）？@vlaz请与fiddle共享代码。thanks@FelixKling请分享你的小提琴，我对此不太了解。谢谢。直接做
number=1
而不是
clearInterval（计时器）谢谢你的代码。不过，我还需要一个脚本中的另一个东西。当第二个标题显示时，第一个标题并没有完全消失。怎么做？我想以同样的慢动作显示所有标题，但每个标题都必须完全显示出来。现在，第一个标题出现了，第二个标题开始出现了。我希望你能理解我的观点。谢谢。评论中提出的第二个问题不是原始问题的一部分。如果答案针对您的原始问题，您应该选择“喜欢”或“向上投票”，而不是寻求其他帮助。@RajeshSurry您可以缩短间隔，现在是2500——将其更改为fadeTo持续时间的总和（1200），以获得更连续的动画