2012-11-10 47 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"});