Changer text from array in jQuery

var myTexts = new Array("My text 1", 
                        "My text text", 
                        "My text my text", 
                        "My text other");
var currentText = 0;

var timeout = setInterval(nextText, 5000);

function nextText() {
    if (currentText >= myTexts.length) {
        currentText = 0;
    } else {
        currentText++;
    }

    $('em').html(myTexts[currentText]);
}

Basically what the code above does is:

1. set your text within an array
2. set an interval to call nextText() every 5 seconds
3. in the function check which text to show (based on the length of your array)
4. change the text within your 'em' element with jquery's html()-method.

-edit: typos...

Settimeout function. For example:

$(document).ready(function(){
      setTimeout(function(){
        $('#yourDivId').html('<p><em>Another text</em></p>');
      }, 2000);

})

This will change text in your div after 2 sec.

You can use:

var terms = ["My text 1", "My text text", "My text my text", "My text other"];

function rotateTerm() {
    var ct = $("#rotate").data("term") || 0;
    $("#rotate").data("term", ct == terms.length -1 ? 0 : ct + 1)
                .text(terms[ct])
                .fadeIn().delay(5000).fadeOut(200, rotateTerm);
};
rotateTerm(); 

Fiddle Demo