Javascript Uhrzeit und damit in Realtime

**ArSeN** · 23.12.2006, 21:52

Jaja.. Wie kannst du denn "schon gesucht" haben, wenn ich innerhalb von 3 Sekunden auf dem ersten Google-Resultat nach "JavaScript Zeitanzeige" fündig werde?

**lichtscheu** · 26.12.2006, 03:06

Und wie bekomm ich das ohne input hin und dann rechtsbündig??

**gruenspan** · 26.12.2006, 11:01

Die Antwort heißt CSS. Das Input-Feld kannst du lassen. Mußt es nur entsprechend formatieren.

**lichtscheu** · 26.12.2006, 19:35

Ok das hab ich nun hinbekommen, aber irgendwie bekomm in den input net rechtsbündig und die uhr bleibt bei 01:10:38 stehen!

**asp2php** · 26.12.2006, 19:38

ist das jetzt 'ne Raterunde vorm neuen Jahr?

**jahlives** · 26.12.2006, 19:38

Ok das hab ich nun hinbekommen, aber irgendwie bekomm in den input net rechtsbündig und die uhr bleibt bei 01:10:38 stehen!

Works as designed. Vermute ich mal. Du musst diese Fkt, die dir die Zeit in deinen Code schreibt jede Sekunde aufrufen window.setInterval(). Und ein Input brauchst du dafür bestimmt nicht zwingend. Über innerHTML lässt sich der Inhalt von jedem HTML Tag lesen/schreiben.

Gruss

tobi

**lichtscheu** · 26.12.2006, 19:43

ok das aussehen passt nun 100% aber wie bekomm ich es hin das es die "aktuelle" uhrzeit ausgibt? Sorry bin in java ein noob =(

**jahlives** · 26.12.2006, 19:45

Date bei SelfHtml.org da wirst du bestimmt fündig.
Und Javascript !== Java

Gruss

tobi

**lichtscheu** · 26.12.2006, 19:48

Ja sorry meinte ja Javascript!

Ich habs mir jetzt irgendwie ungewollt ganz zerschossen =(

Im header:
<script type="Javascript">

</SCRIPT>

im body:
<form name="uhrzeit" action="none" id="uhrzeit">
<input type="text" name="uhr" size="80" id="uhr" /> <font style="time">Uhr</font>
</form>

irgendwie zeigt er die Uhrzeit nicht mehr an, aber das input =(

**Kropff** · 26.12.2006, 19:55

ist ja auch kein wunder. wo rufst du denn die funktion zeit auf? nirgends, also

PHP-Code:


<body onload="zeit();">

gruß
peter

**jahlives** · 26.12.2006, 20:07

Code:

<html>
<head>
<script type="text/javascript">
<!--
function init(){
    getTime();
    window.setInterval("getTime();",1000);
}

function getTime(){
    var dat = new Date();
    document.getElementById('zeit').innerHTML = dat.getHours()+':'+dat.getMinutes()+':'+dat.getSeconds();
}
-->
</script>
</head>
<body onload="init();">
<span id="zeit"></span>	
</body>
</html>

Bei Zeitangaben unter 10 wird die führende 0 weggelassen (sieht bei Minuten nicht so schön aus) und das darfst du aber selber machen.

Gruss

tobi

**lichtscheu** · 26.12.2006, 20:33

ok danke!

**lichtscheu** · 29.12.2006, 18:44

Ich hab soweit alles fertig und es läuft, aber ich bekomm des net hin das die 0 angezeigt wird =(

**jahlives** · 29.12.2006, 19:05

Woll'n wir mal ned so sein. Du brauchst einfach eine weitere Fkt (nullOderNicht())

Code:

<html>
<head>
<script type="text/javascript">
<!--
function init(){
    getTime();
    window.setInterval("getTime();",1000);
}

function nullOderNicht(wert){
    wert = String(wert);
    if(wert.length < 2){
        return 0+wert;
    }else{
        return wert;
    }
}


function getTime(){
    var dat = new Date();
    document.getElementById('zeit').innerHTML = 
nullOderNicht(dat.getHours())+':'+nullOderNicht(dat.getMinutes())+':'+nullOderNicht(dat.getSeconds());
}

-->
</script>
</head>
<body onload="init();">
<span id="zeit"></span>	
</body>
</html>

Gruss

tobi

Javascript Uhrzeit und damit in Realtime