Baggrund skifter farve

du skal på den enkelt side hente tid fra server, og ud fra klokkeslæt skifte baggrund. Sitet er fx omgivet af
<div style="background-color:#408080" id="baggrund">
</div>
og det kan du så rette med javascript-timer.

jeg er desværre ikke så god til javescript kan du uddybe mere

med koden på
http://www.javascriptkit.com/script/script2/servertime.shtml
kan du hente en servers tid ned til den enkelte maskine (så kører de synkront mht skifte)
og i head har du så fx
<script language="JavaScript">
<!--
var timerID = null;
var whichColor = 0;
// Copyright 2001 by www.CodeBelly.com
var backColor = new Array(); // don't change this
// Enter the colors you wish to use.  Follow the
// pattern to use more colors.  The number in the
// brackets [] is the number you will use in the
// function call to pick each color.
backColor[0] = '#FF0000';
backColor[1] = '#00FF00';
backColor[2] = '#0000FF';
backColor[3] = '#FFFFFF';

function changeBG(){
// her skal du hente servertid ned - denne kode bruger lokal pctid til test
var now = new Date();
whichColor = now.getSeconds()/15;
if (whichColor<1){
document.bgColor = backColor[0];
} else if (whichColor<2){
document.bgColor = backColor[1];
} else if (whichColor<3){
document.bgColor = backColor[2];
} else{
document.bgColor = backColor[3];
}
timerID = setTimeout("changeBG()",1000);
}
changeBG()
//-->
</script>

det kan så optimeres, så du kun henter servertid én gang, og udregner forskellen på den tid og lokaltid på pc - og bruger pctiden i resten af forløbet.

hvad så hvis jeg også gerne vil have den til at gå lidt hurtigere. :) undskyld jeg er så krævende :)

jeg har givet den 4 farver, og 15 sekunder interval (det passer med 1 minut). Du kan lave 6 farver og 10 sek interval - eller 60 farver og stresse alle maskiner med ingenting.
Med 6 farver i tabellen (0-5), så brug dette undervejs
whichColor = now.getSeconds()/10;
if (whichColor<1){
document.bgColor = backColor[0];
} else if (whichColor<2){
document.bgColor = backColor[1];
} else if (whichColor<3){
document.bgColor = backColor[2];
} else if (whichColor<4){
document.bgColor = backColor[3];
} else if (whichColor<5){
document.bgColor = backColor[4];
} else{
document.bgColor = backColor[5];
}

Nu har jeg gjort det og den er ikke synkron på 2 separate computere kan den ikke hente tiden fra serveren eller noget og ikke fra computeren? :)

Hvis du skal have server tiden skal du ud i at kalde en server side via ajax og få siden der fra!

det er stadig hjælp til selvhjælp - du henter kode til servertid på
http://www.javascriptkit.com/script/script2/servertime.shtml
og justere javascriptet, så den bruger denne tid.

lukker oplæg