Как изменить текст после времени с помощью jQuery?

Я нашел этот код на StackOverflow HERE, но это не работает для меня ...Как изменить текст после времени с помощью jQuery?

Я могу видеть это только:

Hello world! 
Here is a message:

, но я не вижу сообщений, которые должны меняться после того, как время ...

копировать/вставлять весь код из моего файла 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>

Спасибо заранее :)

источник

2014-12-15 Rajesh Muntari

Wrap все в document.ready() –

^что -> http://jsfiddle.net/fbd02x33/ – adeneo

Взгляните в консоль отладки, тот же код находится здесь http://jsfiddle.net/5s8y3/1/ и отлично работает. – Carca

Просто измените порядок DonT выполнения JavaScript в начале кода всегда в конце и/или использовать документ готов быть уверен, РОМ загружается перед выполнением JS

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

 
<script> 
 
    $(document).ready(function() { 
 
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>

источник

2014-12-15 21:01:15

Как изменить текст после времени с помощью jQuery?

ответ

Смежные вопросы