How can I change text after time using jQuery?

Here is one way to do it (jsfiddle demo):

function nextMsg() {
    if (messages.length == 0) {
        // once there is no more message, do whatever you want
    } else {
        // change content of message, fade in, wait, fade out and continue with next message
        $('#message').html(messages.pop()).fadeIn(500).delay(1000).fadeOut(500, nextMsg);
// list of messages to display
var messages = [
    "This is a website!",
    "You are now going to be redirected.",
    "Are you ready?",
    "You're now being redirected..."

// initially hide the message

// start animation

with a little bit modification, you should be able to customize the interval for each message.

Leave a Comment