Blinki: Zähler

Hallöle,hab da mal ‚ne Frage zum Silvesterzähler.Die Ausgabe der Zeit in dem komischen Rahmen stört ein wenig.Möchte sie nicht in solch einem Rahmen haben sondern in einer Tabelle die ich selber gestalten kann!?Komme da nicht weiter.

Z.B. so:
<table border="1" cellspacing="0" cellpadding="10" id="table1" bordercolor="#143081"><tr><td><b><font face="Arial">Zeit bis Silvester 2010: </font></b></td><td bgcolor="#FFFFCC"><font face="Arial" color="#FF0000">696 Std : 32 Min : 33 Sek</font></td></tr></table>

<html>
<head>
<script language='javascript'>

// gewuenschter Ziel-Zeitpunkt
var jahr = 2010;
var monat = 4;
var tag = 31;
var stunden = 0;
var minuten = 0;
var sekunden = 0;

// Monat dekrementieren (Januar = 0)
monat--;

// Stunden dekrementieren (GMT+1)
stunden--;

// Ziel-Zeitpunkt
var time_target = new Date(jahr, monat, tag, stunden, minuten, sekunden);

function countDown(){

// aktuelle Zeit
   var time_now = new Date();

// Zeitdifferenz (durch 1000 teilen, da Date() Millisekunden zurueckgibt....)
   var lngTime = (time_target - time_now) / 1000;

// Stunden, Minuten und Sekunden berechnen und formatieren
  var intStunden = Math.floor(lngTime / (60*60));
  intStunden = (intStunden < 10) ? ('0' + intStunden) : intStunden ;
  lngTime = lngTime % (60*60);
  var intMinuten = Math.floor(lngTime / (60));
  intMinuten = (intMinuten < 10) ? ('0' + intMinuten) : intMinuten ;
  lngTime = lngTime % (60);
  var intSekunden = Math.floor(lngTime);
  intSekunden = (intSekunden < 10) ? ('0' + intSekunden) : intSekunden ;

// Zeitdifferenz in Input-Feld ausgeben
  document.formTime.showTime.value = intStunden + ' Std : ' + intMinuten + ' Min : ' + intSekunden +' Sek ';

// Zeit jede Sekunde neu berechnen
  window.setTimeout('countDown()', 1000);
}
</script>

</head>
<body onLoad="countDown();">
<form name="formTime">
Zeit bis Silvester 2010: <input type="Text" name="showTime" value="whey" readonly size="100" maxlength="">
</form>
</body>
</html>

  1. Hi!

    Hallöle,hab da mal ‚ne Frage zum Silvesterzähler.

    What?

    Die Ausgabe der Zeit in dem komischen Rahmen stört ein wenig.Möchte sie nicht in solch einem Rahmen haben sondern in einer Tabelle die ich selber gestalten kann!?Komme da nicht weiter.

    Was genau möchtest Du erreichen?

    Z.B. so:

    Der von Dir gepostete Code hat aktuell einen Wert von mindestens  - 10.000€ entsorge diesen sofort, bitte!

    off:PP

    --
    "You know that place between sleep and awake, the place where you can still remember dreaming?" (Tinkerbell)
    1. Was genau möchtest Du erreichen?

      Ich möchte erreichen das dei Anzeige nicht in dem Rahmen erscheint. Das problem muss irgendwo hier leigen.

      Zeit bis Silvester 2010: <input type="Text" name="showTime" value="whey" readonly size="100" maxlength="">

      1. Hi there,

        Ich möchte erreichen das dei Anzeige nicht in dem Rahmen erscheint. Das problem muss irgendwo hier leigen.

        Zeit bis Silvester 2010: <input type="Text" name="showTime" value="whey" readonly size="100" maxlength="">

        Gut geraten. Die Zeitanzeige wird in einem input-Feld ausgegeben, das dafür verwendet wurde und mit readonly auf "nur-Lesen" gesetzt wurde. Das würde heute niemand mehr so lösen. Besser, Du ersetzt die Zeile mit dem Input-Feld durch

          
          
        <span ID="ZEITAUSGABE"></span>  
          
        
        

        und die Zeile im Javascript mit der Ausgabe (Du weisst schon, die mit 'document.formTime.showTime.value... etc. beginnt) durch

          
          
          
        document.getElementById('ZEITAUSGABE').innerHTML=intStunden + ' Std : ' + intMinuten + ' Min : ' + intSekunden +' Sek ';  
          
        
        
        1. Danke für die schnelle Hilfe.