Uhr die rückwärts läuft

[Alex Fechner]

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. Die zeit wird in Minuten eingegeben. Die Uhr soll aber in Minuten und Sekunden runter laufen. Wenn die Zahl dann unter "0" ist einfach in negative über gehen. Das ganze soll gehen ohne irgendwo drauf klicke zu müssen. Die zeit wird eingegeben und die Uhr fängt kurz darauf an zu laufen (damit man zeit hat die Uhrzeit ein zu stellen und die Uhr nicht bei der ersten Ziffer shcon anfängt). Hab leider garkeine Ahnung von sowas. Kennt da einer was?

Gruß Alex

[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