SkillShare Forum - CSS Beauty - Change Text Every 5 Seconds..

Change Text Every 5 Seconds..

konitz — Fri, 11 Aug 2006 16:16:54 -0400

any javascript or something to change text every some seconds... i cant find a example...
thanks

Change Text Every 5 Seconds..

varland — Fri, 11 Aug 2006 17:02:29 -0400

Your best bet is probably the setTimeout function. There are references all over the web.

Change Text Every 5 Seconds..

premii — Sat, 12 Aug 2006 17:50:35 -0400

use setInterval
syntax:


var t = setInterval(function(){document.body.innerHTML = new Date().getTime();}, 5000);

Change Text Every 5 Seconds..

varland — Sun, 13 Aug 2006 06:10:49 -0400

setInterval is the one I was thinking of. Sorry about the confusion.

Change Text Every 5 Seconds..

konitz — Sun, 13 Aug 2006 12:18:55 -0400

hi, i use the syntax, the text change but where put the text that i want to change, when change... change some numbers like this: 1155496712107 etc....... help me!!!

Change Text Every 5 Seconds..

JohnRiv — Sun, 13 Aug 2006 21:49:02 -0400

premii's script will display the number of milliseconds since THE epoch (which was midnight on January 1, 1970) and update the number every 5 seconds (5000 milliseconds).

what is the text you want to change and what do you want to change it to?

Change Text Every 5 Seconds..

konitz — Mon, 14 Aug 2006 09:58:37 -0400

thanks JohnRiv in mean change by example this:

New Release... Leopard
Ten Reason to Buy Gumballs
White House bla bla

i mean first one new, later dissapear and come the second in the same position... etc...

thanks

Change Text Every 5 Seconds..

JohnRiv — Mon, 14 Aug 2006 10:15:47 -0400

Rotating Text

New Release... Leopard

Change Text Every 5 Seconds..

konitz — Mon, 14 Aug 2006 11:02:45 -0400

Wow You Rocks Jonh Riv... Amazing thanks a lot!!!!! works perfect! :)

Change Text Every 5 Seconds..

JohnRiv — Mon, 14 Aug 2006 12:12:37 -0400

Glad to help. One thing I do want to point out is that I used innerHTML rather than "real" W3C DOM methods because it's faster... see http://www.quirksmode.org/dom/innerhtml.html for more info

Change Text Every 5 Seconds..

konitz — Mon, 14 Aug 2006 23:44:00 -0400

thanks John look this, I need put links to the messages... I can only put to the first one... the others I cant!. please help me! thanks a lot!

the html:
--------------------------------
Nuevo disco HIM Dark Light producido por Roger Dean a la venta el 30 de Mayo

the java:
--------------------------------
var rotatingTextElement;
var rotatingText = new Array();
var ctr = 0;

function initRotateText() {
rotatingTextElement = document.getElementById("textToChange");
rotatingText[0] = rotatingTextElement.innerHTML; // store the content that's already on the page
rotatingText[1] = "Bauhaus DVD Shadow Light";
rotatingText[2] = "Remaster The Clash - London Calling 4 CDs Box Set";
rotatingText[3] = "The Cure 2CDs Greatest Hits";
setInterval(rotateText, 6000);
}
function rotateText() {
ctr++;
if(ctr >= rotatingText.length) {
ctr = 0;
}
rotatingTextElement.innerHTML = rotatingText[ctr];
}
window.onload = initRotateText;

Change Text Every 5 Seconds..

PettyRider — Tue, 15 Aug 2006 00:03:45 -0400

Put the hyperlink ANCHORs in your `rotatingText` array.

rotatingText[1] = "Bauhaus DVD Shadow Light";
...

Be sure to escape the attribute quotes in the array values.

I think this will work, using the non-standard innerHTML property in your code. I could be wrong.

Change Text Every 5 Seconds..

konitz — Tue, 15 Aug 2006 19:49:49 -0400

wow PettyRider, that works!!! thanks you are not wrong... cool thanks to all guys!!!

Change Text Every 5 Seconds..

ponder — Wed, 03 Feb 2010 06:02:51 -0500

hi friends

Rotating Text

New Release... Leopard

the above code is working fine,, but i need the above program for n number...

its possible to do?????