SkillShare Forum - CSS Beauty - Change Text Every 5 Seconds.. 2013-05-25T01:10:37-04:00 http://cssbeauty.com/skillshare/ Lussumo Vanilla Change Text Every 5 Seconds.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6159#Comment_6159 2006-08-11T16:16:54-04:00 2013-05-25T01:10:37-04:00 konitz http://cssbeauty.com/skillshare/account/1307/ any javascript or something to change text every some seconds... i cant find a example... thanks thanks]]> Change Text Every 5 Seconds.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6160#Comment_6160 2006-08-11T17:02:29-04:00 2013-05-25T01:10:37-04:00 varland http://cssbeauty.com/skillshare/account/1527/ Your best bet is probably the setTimeout function. There are references all over the web. Change Text Every 5 Seconds.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6167#Comment_6167 2006-08-12T17:50:35-04:00 2013-05-25T01:10:37-04:00 premii http://cssbeauty.com/skillshare/account/1414/ use setInterval syntax: var t = setInterval(function(){document.body.innerHTML = new Date().getTime();}, 5000); syntax:

var t = setInterval(function(){document.body.innerHTML = new Date().getTime();}, 5000);
]]> Change Text Every 5 Seconds.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6190#Comment_6190 2006-08-13T06:10:49-04:00 2013-05-25T01:10:37-04:00 varland http://cssbeauty.com/skillshare/account/1527/ setInterval is the one I was thinking of. Sorry about the confusion. Change Text Every 5 Seconds.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6194#Comment_6194 2006-08-13T12:18:55-04:00 2013-05-25T01:10:37-04:00 konitz http://cssbeauty.com/skillshare/account/1307/ 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.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6203#Comment_6203 2006-08-13T21:49:02-04:00 2006-08-13T21:49:38-04:00 JohnRiv http://cssbeauty.com/skillshare/account/5/ 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 ...
what is the text you want to change and what do you want to change it to?]]> Change Text Every 5 Seconds.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6216#Comment_6216 2006-08-14T09:58:37-04:00 2013-05-25T01:10:37-04:00 konitz http://cssbeauty.com/skillshare/account/1307/ 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 ...
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.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6217#Comment_6217 2006-08-14T10:15:47-04:00 2006-08-14T10:17:55-04:00 JohnRiv http://cssbeauty.com/skillshare/account/5/ Rotating Text var rotatingTextElement; var rotatingText = new Array(); var ctr = 0; function initRotateText() { rotatingTextElement = ... <head>
<title>Rotating Text</title>
<script type="text/javascript">
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] = "Ten Reason to Buy Gumballs";
rotatingText[2] = "White House bla bla";
setInterval(rotateText, 5000);
}
function rotateText() {
ctr++;
if(ctr >= rotatingText.length) {
ctr = 0;
}
rotatingTextElement.innerHTML = rotatingText[ctr];
}
window.onload = initRotateText;
</script>
</head>
<body>
<span id="textToChange">New Release... Leopard</span>
</body>
</html>]]> Change Text Every 5 Seconds.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6218#Comment_6218 2006-08-14T11:02:45-04:00 2013-05-25T01:10:37-04:00 konitz http://cssbeauty.com/skillshare/account/1307/ Wow You Rocks Jonh Riv... Amazing thanks a lot!!!!! works perfect! :) Change Text Every 5 Seconds.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6226#Comment_6226 2006-08-14T12:12:37-04:00 2013-05-25T01:10:37-04:00 JohnRiv http://cssbeauty.com/skillshare/account/5/ 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 ... http://www.quirksmode.org/dom/innerhtml.html for more info]]> Change Text Every 5 Seconds.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6246#Comment_6246 2006-08-14T23:44:00-04:00 2006-08-14T23:45:16-04:00 konitz http://cssbeauty.com/skillshare/account/1307/ 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 ...
the html:
--------------------------------
<span id="textToChange"><a href="#">Nuevo disco HIM Dark Light producido por Roger Dean a la venta el 30 de Mayo</a></span>


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.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6248#Comment_6248 2006-08-15T00:03:45-04:00 2006-08-15T00:05:48-04:00 PettyRider http://cssbeauty.com/skillshare/account/1431/ 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 ...
rotatingText[1] = "<a href=\"bauhaus.htm\"?phpMyAdmin=4594f30712f4fabaff6997416810f3f2>Bauhaus DVD Shadow Light</a>";
...
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.. http://cssbeauty.com/skillshare/discussion/955/?Focus=6282#Comment_6282 2006-08-15T19:49:49-04:00 2013-05-25T01:10:37-04:00 konitz http://cssbeauty.com/skillshare/account/1307/ wow PettyRider, that works!!! thanks you are not wrong... cool thanks to all guys!!! Change Text Every 5 Seconds.. http://cssbeauty.com/skillshare/discussion/955/?Focus=16630#Comment_16630 2010-02-03T06:02:51-05:00 2013-05-25T01:10:37-04:00 ponder http://cssbeauty.com/skillshare/account/3885/ hi friends Rotating Text var rotatingTextElement; var rotatingText = new Array(); var ctr = 0; function initRotateText() { rotatingTextElement = ... <html>
<head>
<title>Rotating Text</title>
<script type="text/javascript">
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] = "Ten Reason to Buy Gumballs";
rotatingText[2] = "White House bla bla";
setInterval(rotateText, 5000);
}
function rotateText() {
ctr++;
if(ctr >= rotatingText.length) {
ctr = 0;
}
rotatingTextElement.innerHTML = rotatingText[ctr];
}
window.onload = initRotateText;
</script>
</head>
<body>
<span id="textToChange">New Release... Leopard</span>
</body>
</html>


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

its possible to do?????]]>