Søg
Avatar billede Slettet bruger
03. september 2006 - 14:50 Der er 8 kommentarer og
1 løsning

Farver skifter

Hej,

Jeg er igang med en side. Så ville jeg godt have at hver gang klokken skiftede så blev det en anden farve. Altså noget med
12:01:20 - Blå
12:01:22 - Grøn
12:01:24 - Rød
12:01:26 - Blå
12:01:28 - Grøn

O.s.v.

Min kode ser sådan her ud

<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10)
  {i="0" + i}
  return i
}
</script>
Avatar billede mclemens Nybegynder
03. september 2006 - 23:35 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">


var cols=['blue',,'green',,'red',,'blue',,'green',];


function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)



tn=document.getElementById('txt');
tn.innerHTML=h+":"+m+":"+s
if(cols[s%10])tn.style.color=cols[s%10];



t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10)
  {i="0" + i}
  return i
}

window.onload=startTime;
</script>

</head><body>

<div id="txt"></div>

</body></html>
Avatar billede mclemens Nybegynder
03. september 2006 - 23:50 #2
ret evt.

if(cols[s%10])tn.style.color=cols[s%10]; til:
tn.style.color=(cols[s%10])?cols[s%10]:cols[(s%10-1)];

( så starter den også op med en farve ... men der skal så være
defineret en farve på 0 i cols array'et ellers er risiko for "fejl" ...)
Avatar billede Slettet bruger
04. september 2006 - 14:46 #3
Hvad nu hvis det kun er 2 farver den skal skifte og hver havle time?
Avatar billede mclemens Nybegynder
04. september 2006 - 17:47 #4
var cols=['blue',,'green',,'red',,'blue',,'green',];

rettes til:

var cols=['blue','green'];

og

if(cols[s%10])tn.style.color=cols[s%10];

rettes til:

tn.style.color=(m%60<30)?cols[0]:cols[1];
Avatar billede mclemens Nybegynder
04. september 2006 - 17:54 #5
hmm, nok lidt lettere så at gøre det direkte (istedet for det cols array) som her:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)



tn=document.getElementById('txt');
tn.innerHTML=h+":"+m+":"+s
tn.style.color=(m%60<30)?"blue":"green";



t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10)
  {i="0" + i}
  return i
}

window.onload=startTime;
</script>

</head><body>

<div id="txt"></div>

</body></html>
Avatar billede Slettet bruger
04. september 2006 - 18:58 #6
Ok. Tak
Avatar billede mclemens Nybegynder
04. september 2006 - 22:59 #7
Ok. Velbekom. Husk at markere i
boksen inden du trykker godkend...
Avatar billede mclemens Nybegynder
29. september 2006 - 21:32 #8
Tak for point :)
Avatar billede Slettet bruger
29. september 2006 - 22:01 #9
Ingen problem selv om det er et stykke tid siden du kom med svar:$
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
I går 14:50 Hvilket fabrikat af Mesh systemer virker? Af fkj i Wifi
15/0513:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
15/0511:50 Vælg indstilling - blå skærm med med flere muligheder for fejlretning Af Uvanga i Windows
14/0523:24 Google sheets beregning udfra dato Af rickiegrayholm i Office & Kontorpakker
White papers
Flere white papers »