JQuery'yi kullanarak zaman içinde metin nasıl değiştirilir?

Ben stackoverflow HERE Bu kodu buldum, ama bu sadece görebilirsinizJQuery'yi kullanarak zaman içinde metin nasıl değiştirilir?

... benim için çalışmıyor:

Hello world! 
Here is a message:

ama, sonradan değişen gereken mesajlar görmüyorum zaman ...

kopyalarım/benim dosya index.html kadar tüm kodu yapıştırın:

<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>

Teşekkür peşin :)

kaynak

2014-12-15 Rajesh Muntari

Wrap hepsini daha önce yüklenen içine document.ready() –

^- http://jsfiddle.net/fbd02x33/ – adeneo

Hata ayıklama konsoluna bir göz atın, aynı kod burada http://jsfiddle.net/5s8y3/1/ ve harika çalışıyor. – Carca

Sadece hep sonunda kodunun başında javascript yürütmek ve/veya emin dom olmaya hazır belgeyi kullanmak sırasını Yüklü değiştirmek js yürütme

<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>

kaynak

2014-12-15 21:01:15

JQuery'yi kullanarak zaman içinde metin nasıl değiştirilir?

cevap

İlgili konular