✔ Uhr

H

hackerarsch

Grünschnabel
Also, ich hab lange gesucht und nicht gefunden, was ich gesucht habe. Ich nehme mal an, dass meine Frage in dieses Forum gehört.

Wie kann ich auf einer Website eine Uhr anzeigen, die ständig die aktuelle Uhrzeit anzeigt, auch Sekunden, ohne dass die Website ständig neu geladen werden muss

Ich wäre sehr erfreut über eure Hilfe,
Julian
 
Hier hab ich etwas für dich ;)

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

 <head>

  <title></title>
  <script language="JavaScript"  language="javascript">
   <!--
    function uhrzeit() {
             var jetzt = new Date();
             var Std = jetzt.getHours();
             var Min = jetzt.getMinutes();
             var Sek = jetzt.getSeconds();
             var StdAusgabe = ((Std < 10) ? "0" + Std : Std);
             var MinAusgabe = ((Min < 10) ? "0" + Min : Min);
             var SekAusgabe = ((Sek < 10) ? "0" + Sek : Sek);
             document.getElementById("uhrzeit").innerText = "Aktuelle Uhrzeit: " + StdAusgabe + "." + MinAusgabe + "." + SekAusgabe + " Uhr"
             window.setTimeout("uhrzeit()", 1000);
    }
   //-->
  </script>
<noscript></noscript>

 </head>

 <body onLoad="uhrzeit()" text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
  <div id="uhrzeit"></div>
 </body>
</html>

Du musst das Div mit der Uhrzeit nur noch da positionieren wo du es haben möchtest.
 
Zuletzt bearbeitet:
Hi!
xX Hardy Xx hat gesagt.:
Hier hab ich etwas für dich
Zum Vergrößern anklicken....
was in den Gecko-Browsern (Firefox, Mozilla, Netscape, SeaMonkey) zwecks mangelnder Unterstützung der innerText-Eigenschaft nicht funktioniert.

Code: 
document.getElementById("uhrzeit").innerHTML = "Aktuelle Uhrzeit: " + StdAusgabe + "." + MinAusgabe + "." + SekAusgabe + " Uhr"
sollte da Abhilfe schaffen.
 
Maik hat gesagt.:
was in den Gecko-Browsern (Firefox, Mozilla, Netscape, SeaMonkey) zwecks mangelnder Unterstützung der innerText-Eigenschaft nicht funktioniert.
Zum Vergrößern anklicken....

Ich nutze immer innerHTML, weil wenn ich Inhalte ändere es meistens ein HTML Code ist. Ich hatte nur mal in ferner Vergangenheit was über innerText gelesen, und dachte mir, da es sich um keinen HTML Code handelt, täte es das in diesem Fall auch mit innerText.

THX das wusste ich nicht, wieder mal etwas dazu gelernt. :)
 
Ich hab deine Uhr mal zum blinken gebracht, so wien radiowecker :))

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Blinkeuhr</title>
<script language="JavaScript"  type="text/javascript">
   <!--
    function uhrzeit() {
             var jetzt = new Date();
             var Std = jetzt.getHours();
             var Min = jetzt.getMinutes();
             var Sek = jetzt.getSeconds();
             var StdAusgabe = ((Std < 10) ? "0" + Std : Std);
             var MinAusgabe = ((Min < 10) ? "0" + Min : Min);
             var SekAusgabe = ((Sek < 10) ? "0" + Sek : Sek);
             var suche = /\:/;
             var switchPoint = suche.exec(document.getElementById("uhrzeit").innerHTML);
             if(switchPoint == ":"){
             	document.getElementById("uhrzeit").innerHTML = "Es ist jetzt&nbsp;" + StdAusgabe + "&nbsp;" + MinAusgabe + "&nbsp;" + SekAusgabe + " Uhr";
             }else{
             	document.getElementById("uhrzeit").innerHTML = "Es ist jetzt&nbsp;" + StdAusgabe + ":" + MinAusgabe + ":" + SekAusgabe + " Uhr";
             }

             window.setTimeout("uhrzeit()", 1000);
    }
   //-->
  </script>
</head>
<body onload="javascript:uhrzeit()">

                        <table>
  			<tr>
  			  <td><div id="uhrzeit"></div></td>
  </tr>
</table>


</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück