Question

I have a jQuery effect that type simple text out like a typewrite or if you were manually typing it. I need the effect to wait a few seconds, delete all that text and then retype it out. So I want it to create an “infinite” looping effect.

This is the code I am using:

<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

Try this.

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");
}​

Demo: http://jsfiddle.net/codovations/jNtqa/