Question

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

这是我正在使用的代码：

<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>

Answer 1

试试这个。

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/

Answer 2

我使用了一个简单的解决方案

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);

});

Answer 3

解决方案：

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

有关：

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

jTicker插件的无限循环

3 个答案: