Jan.W: Gibt es eine möglichkeit eine uhr auf die seite einzubauen?

vieleicht im design einer Wanduhr oder .....??????????

  1. Hallo Troll,

    muss das sein? - geh' doch ins Heiseforum, bitte!

    Benne

    1. »»oder zumindest wie bei dem self html forum eine geschriebene uhrzeit die sich immer wieder
      aktualisiert? bsp: 18:45 ->1 min später->18:46 !?

      1. Hi,

        »»oder zumindest wie bei dem self html forum eine geschriebene uhrzeit die sich immer wieder
        aktualisiert? bsp: 18:45 ->1 min später->18:46 !?

        wie du eine fortlaufende Uhr erstellen kannst, wird in SelfHTML beschrieben (per Javascript), falls du es so einfach wie in diesem Forum haben möchtest, schau dir die PHP-Funktion date genauer an (http://php.net/date).

        Schöne Grüße,
        Julian

  2. Hallo Jan.W,

    vieleicht im design einer Wanduhr oder .....??????????

    was meinst du? "im design" gibt es gar nix. Ich interpretiere deine Frage jetzt mal so:

    "Wie kann ich in meine (HTML-)Seite eine (analoge/Wand-) Uhr einbauen?"

    Und meine Antwort dazu: Das geht ganz gemütlich mit SVG. oder auch Flash (wenn's sein muss ;-). Oder sogar JavaScript, neulich war hier im forum die Rede von so einem zeichenzeugs. nur würde diese methode extrem speicheraufwendig sein, imho nicht empfehlenswert. SVG-Wanduhr sehr einfach:

    <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN" "http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylabl e.dtd" > <svg onload="SetTime(evt)">   <defs>     <script language="Javascript">       <![CDATA[

    function SetTime(LoadEvent)           {             var Now = new Date();

    var Seconds = Now.getSeconds();             var Minutes = Now.getMinutes() + Seconds / 60;             var Hours = Now.getHours() + Minutes / 60;

    var SVGDocument = LoadEvent.getTarget().getOwnerDocument();

    SVGDocument.getElementById("seconds").setAttribute('transform', 'rotate(' + (Seconds * 6) + ')');             SVGDocument.getElementById("minutes").setAttribute('transform', 'rotate(' + (Minutes * 6) + ')');             SVGDocument.getElementById("hours").setAttribute('transform', 'rotate(' + (Hours * 30) + ')');           }

    ]]>     </script>     <style type="text/css">      <![CDATA[       text { font-size: 15px; }       text.wichtig { font-weight:bold; font-size: 18px; }       /* Styles Sheet für ggf. Stildefinitionen */       ]]>      </style>   </defs>   <g transform="translate(10 10)">   <!-- <circle cx="160" cy="160" r="160" style="fill:white;stroke:black"/> -->   <text x="240" y="21">1</text> <!-- x 170 y170 mittelpunkt -->   <text x="298" y="80">2</text>   <text x="320" y="160" class="wichtig">3</text>   <text x="298" y="240">4</text>   <text x="240" y="298">5</text>   <text x="160" y="320" class="wichtig">6</text>   <text x="80" y="298">7</text>   <text x="21" y="240">8</text>   <text x="0" y="160" class="wichtig">9</text>   <text x="21" y="80">10</text>   <text x="80" y="21">11</text>   <text x="160" y="5" class="wichtig">12</text>   </g>   <g transform="translate(170 170)">     <g id="hours">       <line x1="0" y1="0" x2="0" y2="-90" style="stroke-width:4;stroke:#444444">         <animateTransform attributeName="transform" type="rotate" dur="43200s" values="0;360" repeatCount="indefinite"/>       </line>     </g>     <g id="minutes">       <line x1="0" y1="0" x2="0" y2="-110" style="stroke-width:2;stroke:#444444">         <animateTransform attributeName="transform" type="rotate" dur="3600s" values="0;360" repeatCount="indefinite"/>       </line>     </g>     <g id="seconds">       <line x1="0" y1="0" x2="0" y2="-120" style="stroke-width:1;stroke:#FF9E9E">         <animateTransform attributeName="transform" type="rotate" dur="60s" values="0;360" repeatCount="indefinite"/>       </line>     </g>   </g>   <circle cx="170" cy="170" r="3" style="fill:black;stroke:black"/> </svg>

    eine von mir abgewandelte Version der SVG-Uhr, die als SVG-Beispiel SelfHTML zugelegt war.

    WauWau

    --
    ss:) zu:) ls:& fo:) de:] va:) ch:° n4:( rl:( br:^ js:| ie:% fl:{ mo:| E-Mail WauWau: mailto:selfforum.wauwau@spameater.org
  3. Tach,

    vieleicht im design einer Wanduhr oder .....??????????

    die viel interessantere Frage ist wieso. Ich habe in der unteren rechten Ecke meines Desktops eine Uhr, egal ob dieser Desktop nun WindowsXP,Windows2000, Windows NT4.0, KDE (die kann ich sogar so aussehen lassen, wie eine Wanduhr, oder so wie jetzt dass sie mir sagt  es sei dreiviertel elf) oder Fvwm2 heißt; soweit ich weiß ist die Uhr bei MacOS X oben rechts, genauso wie bei AmigaOS. Außerdem trage ich eine Armbanduhr und mein Handy (mit eingebauter Uhr) liegt neben mir. Wenn ich mich umdrehe sehe ich meinen Radiowecker, wenn das alles fehlschlägt mache ich meinen Fernseher an und schaue entweder auf die eingebaute Uhr, oder auf eine im Videotext. Sollte das alles fehlschlagen suche ich bei Google nach einer Atomuhr oder rufe laut (die Wände hier sind dünn genug, da wird schon einer antworten). So, und jetzt willst du mir auch noch eine Uhr anzeigen; ernsthaft gesehen würde ich sie nicht mal aktiv registrieren, sie würde mich höchstens nerven, weil sich bewegende Dinge mich beim Lesen stören. Wenn du es jedoch als Gelegenheit siehst dich beispielsweise mit dem Date Objekt von JavaScript zu beschäftigen, dann ist das was hübsches zum rumspielen; aber baue es bitte nicht in deine Website ein.

    mfg
    Woodfighter