jQuery Change Text After Time?

Question

I found this code on stackoverflow HERE , but it's not working for me...

I can see this only:

Hello world!
Here is a message:

,but I don't see the messages that should be changing after time...

I copy/paste the entire code from my file index.html:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">


</script>
</head>
<body>
<script type="text/javascript">
function nextMsg() {
    if (messages.length == 0) {
        alert("redirecting");
    } else {
        $('#message').html(messages.pop()).fadeIn(500).delay(1000).fadeOut(500,     nextMsg);
    }
};

var messages = [
    "Hello!",
    "This is a website!",
        "You are now going to be redirected.",
    "Are you ready?",
    "You're now being redirected..."
].reverse();

$('#message').hide();
nextMsg();
</script>

<h1>Hello world!</h1>
<p>Here is a message: <span id="message"></span></p>
</body>
</html>

Thanks in advance :)

You're having space in the src of javscript: `/1.7.1 /jquery.min.js` remove that space. — Bhojendra Rauniyar, Dec 13 '14 at 19:53
You need to define what you mean by "*not working*", what does it do that it shouldn't do, what doesn't it do that it should? And where on Stack Overflow did you find that JavaScript? — David Thomas, Dec 13 '14 at 19:59
-Space removed still the same situation, I can't see the changing/fading messages... — Rajesh Muntari, Dec 14 '14 at 19:59

score 1 · Answer 1 · answered Dec 13 '14 at 19:56

1

Remove the space from your src tag! <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">

answered Dec 13 '14 at 19:56

Liam Schauerman

851
5
10

Space removed, still the same... – Rajesh Muntari Dec 14 '14 at 20:00

jQuery Change Text After Time?

1 Answers1