2012-11-10 26 views
0

我有一个jQuery效果,可以像打字一样输入简单文本,或者如果您手动输入它。我需要等待几秒钟的效果,删除所有文本,然后重新输入。所以我希望它创造一个“无限”的循环效果。jTicker插件的无限循环

这是我使用的代码:

<script type="text/javascript" SRC="js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" SRC="js/jquery.jticker.js"></script> 
<script type="text/javascript"> 
<!-- 
jQuery(document).ready(function(){ 
    // Instantiate jTicker 
    jQuery("#ticker").ticker({ 
     cursorList: "|", 
     rate:  150, 
     delay:  4000 
    }).trigger("play").trigger("stop"); 
}); 
//--> 
</script> 
<div id="ticker"> 
    <p>typed out text...</p> 
</div> 
+0

插件可能需要修改 – charlietfl

+1

您正在使用哪个'jquery.jticker.js'?请提供链接... – naveen

+1

插件可能需要标识,并提出了jQuery 1.8 – mplungjan

回答

0

试试这个。

var delayMilliSecs = 4000; 
jQuery(document).ready(function() { 
    var tickerSelector = $("#ticker p"); 
    var originalLength = tickerSelector.length; 
    RunTicker(); 
    window.setInterval(function() { 
     if (tickerSelector.length === originalLength) { 
      RunTicker(); 
     } 
    }, delayMilliSecs); 
}); 

function RunTicker() { 
    jQuery("#ticker").ticker({ 
     cursorList: "|", 
     rate: 150, 
     delay: delayMilliSecs 
    }).trigger("play").trigger("stop"); 
}​ 

演示:http://jsfiddle.net/codovations/jNtqa/

+0

非常好!这正是我所期待的。有没有一种方法可以逐个删除每个字符,还是需要更多的jQuery/Plugins/Work? – Skovy

+0

为此,我恐怕你必须重新编写/扩展插件... – naveen

+0

我似乎无法得到它的工作... – Skovy

0

我用于此

jQuery(document).ready(function(){ 

    var repeat_interval = 10000; 

    // Instantiate jTicker 
    jQuery("#ticker").ticker({ 
     cursorList: " ", 
     rate:  70, 
     delay:  100, 
    }).trigger("play").trigger("stop"); 


    setInterval(function(){ jQuery("#ticker").trigger("play") },repeat_interval); 

}); 
0

解决方案的简单解决方案:

}).trigger("play").trigger("stop"); 

对于:

}).trigger({type: "play"});