Uhr die rückwärts läuft

[Cybaer]

Hi,

Hi ich brauche ne Uhr, die die Zeit die man in das Imput schreibt nebendrann in normaler schrift rückwärts runter laufen lässt.

Aus einem aktuellen Projekt (und somit noch nicht endgültig "durchgestylt" und hinreichend kommentiert) - anpassen mußt Du selbst:

<script type="text/javascript" language="JavaScript"><!--
 // Countdown
 function countdownInit() {
  countdownContainer="countdown";
  if(document.getElementById && document.getElementById(countdownContainer)) {
   startTime=new Date();
   // Countdown in Sekunden
   countdownLength="<?=$timeLimit;?>";
   countdownLength=(countdownLength)?parseInt(countdownLength,10):0;
   // Countdown zaehlen bis (in Sekunden)
   countdownExitAt=false;
   // normaler Hintergrund des Countdowns
   countdownColor="#44EE44";
   // warnender Hintergrund des Countdowns
   warningColor="#FF0000";
   // Warnphase des Countdowns in Sekunden
   warningLimit="<?=$warningLimit;?>";
   warningLimit=(warningLimit)?parseInt(warningLimit,10):0;
   // Countdown vorbereiten und starten
   if(countdownLength) {
    // Countdownzeit vorbereiten
    countdownLength++;
    // Countdown einfaerben
    document.getElementById(countdownContainer).style.backgroundColor=countdownColor;
    // Countdown starten
    countdownInterval=window.setInterval("countdown()",1000);
    // Countdown aktualisieren
    countdown();
   }
  }
 }

function countdown() {
  // Eine Sekunde weniger
  countdownLength--;
  if(countdownExitAt!==false && countdownLength<=countdownExitAt) {
   countdownExit();
  } else {
   if(countdownLength<=warningLimit) {
    document.getElementById(countdownContainer).style.backgroundColor=warningColor;
   }
   minutes=Math.floor(Math.abs(countdownLength)/60);
   seconds=Math.abs(countdownLength)%60;
   time=((countdownLength<0)?"-":"")+dezInt(minutes,2)+":"+dezInt(seconds,2);
   document.getElementById(countdownContainer).innerHTML=time;
  }
 }
 function countdownExit() {
  window.clearInterval(countdownInterval);
 }
//--></script><script type="text/javascript" language="JavaScript" src="numlib.js"></script>

<div id="countdown" font-size:0.8em; font-weight:bold; width:11ex; height:1.4em; border:1px solid black; border-radius:8px; -moz-border-radius:8px;"></div>

Die Zeitangabe erfolgt in Sekunden (in countdownLength). Zur Formatierung der Zahlen ist noch die Funktion dezInt() meiner Coding: Number-Library einzubinden.

Gruß, Cybaer