How can I change a word every 2-3 seconds using jQuery?
For example:
I have this:
This is so
<
(function(){
// List your words here:
var words = [
'awesome',
'incredible',
'cool',
'fantastic'
], i = 0;
setInterval(function(){
$('#changerificwordspanid').fadeOut(function(){
$(this).html(words[i=(i+1)%words.length]).fadeIn();
});
// 2 seconds
}, 2000);
})();
Give your span an id, and change changerificwordspanid
to the id of the span.
JSFiddle Example here