Sæt et ur på din hjemmeside

Uret jeg viser på denne side er lavet i et <p>, men det kan også laves grafisk, se her hvordan.

Siden er opdateret 12. 9. 2005

00:00:00

Herover ser du uret i funktion.

Herunder ser du, hvordan uret laves:
Først laver du følgende javascript i sidens <head>

<script type="text/javascript" src="ur.js"></script>

Scriptet kalder en ekstern script-fil ur.js, der skal have dette indhold:

function Ur()
{
  tid = new Date();
  tt = tid.getHours();
  mm = tid.getMinutes();
  ss = tid.getSeconds();

  if (tt<10)
  tt="0" + tt;
  if (mm<10)
  mm="0" + mm;
  if(ss<10)
  ss="0" + ss;

  document.getElementById("urfelt").innerHTML= tt + ":" + mm + ":" + ss;
  setTimeout("Ur();",1000);
}

Dernæst laver du følgende tilføjelse til sidens <body>-tag.

<body onload="Ur()">

Anbring derefter denne kode, der hvor du vil have dit ur vist:

<p><span id="urfelt">00:00:00</span></p>

Teksten 00:00:00 kan du udskifte med et andet ord eller helt udelade. Da det hele står i en <p></p>, kan du vælge at putte ur-visningen ind i en længere tekst. Jeg kan ikke demonstrere det på denne side, da ID'et urfelt allerede er brugt øverst på siden. Du får derfor en lille testside.

Valid XHTML og CSS / Copyright © Hjemmesideskolen september 2005
Hjemmesideskolen
Du er her: Forsiden - scripts - Sæt et ur på din hjemmeside
Brugere lige nu: 1
Home Mail