Klokkeslet flere steder i verden?

Ja, det kan du godt. Du skal bruge Javascript til at lave uret, og siden det skal være et digital ur skal du nok bruge billeder til tallene eller DHTML så du kan opdatere uret i et layer.

På http://www.easyjavascript.com finder du et eksempel på et digitalur lavet i Javascript. Det kan du så tilrette, så det viser klokken flere forskellige steder i verdenen.

Hvis jeg skal lave et til dig må du nok hoste op med noget andet en 60 point (cash) ;)

/Thor

-> Thor
Selv om jeg ikke har fået det helt til at virke endnu får du alligevel pointene - det var et fedt link jeg fik!

Jeg har et problem med at få de andre ure til at køre samtidig!

Hvis jeg blot, i "urværk" nr. 2 ændrer til face1:
    document.clock.face1.value = timeValue
    document.clock.face1.value = timeValue1;

Ja, så flytter uret hen i anden box, men forsvinder fra det første!

Har du en idé om hvad jeg gør forkert?
/John



!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage 2.0">
<title>ur</title>
</head>

<body bgcolor="#FFFFFF" text="#000000" link="#FF0000"
vlink="#000080" alink="#000080" bgproperties="fixed"
onload="startclock()" onload="startclock()" onload="startclock()">
<script language="JavaScript">
<!-- Hide from old browsers
// Copyright © 1999 Doug Popeney
// Created by Doug Popeney (easyjava@easyjavascipt.com)
// JavaScript Made Easy!! - http://www.easyjavascript.com

var timerID = null
var timerRunning = false

function stopclock(){
    if(timerRunning)
    clearTimeout(timerID)
    timerRunning = false
}

function startclock(){
    stopclock()
    showtime()
}

function showtime(){
    var now = new Date()
    var hours = now.getHours()
    var minutes = now.getMinutes()
    var seconds = now.getSeconds()
    var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
    var timeValue1 = "" + ((hours < 10) ? "0" : "") + hours
    timeValue  += ((minutes < 10) ? ":0" : ":") + minutes
    timeValue1 += ((minutes < 10) ? ":0" : ":") + minutes
    timeValue  += ((seconds < 10) ? ":0" : ":") + seconds
    timeValue1 += ((seconds < 10) ? ":0" : ":") + seconds
    timeValue  += (hours >= 12) ? " P.M." : " A.M."
    document.clock.face.value = timeValue
    document.clock.face.value = timeValue1;
    timerID = setTimeout("showtime()",1000)
    timerRunning = true
}
// -- End Hiding Here -->
<!-- Hide from old browsers
// Copyright © 1999 Doug Popeney
// Created by Doug Popeney (easyjava@easyjavascipt.com)
// JavaScript Made Easy!! - http://www.easyjavascript.com

var timerID = null
var timerRunning = false

function stopclock(){
    if(timerRunning)
    clearTimeout(timerID)
    timerRunning = false
}

function startclock(){
    stopclock()
    showtime()
}

function showtime(){
    var now = new Date()
    var hours = now.getHours()
    var minutes = now.getMinutes()
    var seconds = now.getSeconds()
    var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
    var timeValue1 = "" + ((hours < 10) ? "0" : "") + hours
    timeValue  += ((minutes < 10) ? ":0" : ":") + minutes
    timeValue1 += ((minutes < 10) ? ":0" : ":") + minutes
    timeValue  += ((seconds < 10) ? ":0" : ":") + seconds
    timeValue1 += ((seconds < 10) ? ":0" : ":") + seconds
    timeValue  += (hours >= 12) ? " P.M." : " A.M."
    document.clock.face.value = timeValue
    document.clock.face.value = timeValue1;
    timerID = setTimeout("showtime()",1000)
    timerRunning = true
}
// -- End Hiding Here -->



</script><script>
var active = "";

var imagesOff = new ImageArray(2);
imagesOff[1].src = "http://www.global-gateway.com/buttons/dktakster.gif";
imagesOff[2].src = "http://www.global-gateway.com/buttons/dktaksterfrit.gif";

var imagesOn = new ImageArray(2);
imagesOn[1].src = "http://www.global-gateway.com/buttons/onmouse/dktaksteron.gif";
imagesOn[2].src = "http://www.global-gateway.com/buttons/onmouse/dktaksterfriton.gif";

function ImageArray( size ) {
if (size+"" == "undefined" || size == null)
  return null;
this.length = size;
for (var i = 1; i <= size; i++) {
  this[i] = new Image();
}
return this;
}

function mouIn(num) {
  if (document.images) {
    img = eval('document.images["img'+num+'"]');
    img.src = imagesOn[num].src;
  }
}

function mouOut() {
  if (document.images) {
    for ( var i=1; i<=2; i++ ) {
      if ( i != active ) {
        img = eval('document.images["img'+i+'"]');
        img.src = imagesOff[i].src;
      }
    }
  }
}


function setActive(num) {
  active = num;
  mouOut();
}
</script>

<form name="clock" onsubmit="0">
    <p align="center"><input type="text" size="13" name="face"> <input
    type="text" size="13" name="face1"><input type="text"
    size="13" name="face2"><input type="text" size="13"
    name="face3"><input type="text" size="13" name="face4"></p>
</form>
</body>
</html>

Jeg havde tænkt mig bare at lægge 3 timer til for Moskva etc.

Men så får jeg jo egentligt et problem hvis nogen fra en anden tids zone læser siden. Den tager den lokale tid fra PC'en og arbejder med ikke?

/John