Nadine: Countdown

Hallo,

ich bin auf der Suche nach einem JavaScript, welches mir von einem bestimmten Wert, welchem ich vorher dem Script übergebe (z.B. 30 Minuten) einen countdown bis auf 0 ausführt. Hat da jemand ein solches oder weiß jemand wo ich ein solches finde, welches nicht abhängig von der aktuellen Uhrzeit ist.

Vielen Dank.

    1. Sehr schönes aber auch ein sehr umfangreiches Script. Kennt jemand eines welches nur ganz einfach eine Textzeiel mit der aktuellen Restzeit ausgibt? Das Ding braucht keine Eingabe oder sonst was, es soll nur von z.B. 40 min bis auf 0 Runterzählen, mehr nicht.

      Danke.

      1. Hallo und guten Morgen Nadine,

        habe da mal was gefunden :-))

        <html>
        <head>
        <title>Javascript-Countdown</title>
           <META NAME="Description" CONTENT="Javascript Countdown">
           <META NAME="KeyWords" CONTENT="JavaScript-Programm Countdown Zähler Sekunden">
           <meta name="robots" content="follow,index">
        <SCRIPT LANGUAGE="JAVASCRIPT">
        <!--
        // 1. Script zur Anzeige von natuerlichen Zahlen durch Grafik-Ziffern
        // 2. Script zum Sekunden-Countdown
        // Frei verwendbar unter Angabe des Autors Hatto v. Hatzfeld

        // Voraussetzung: Die Ziffern muessen in Form der Grafikdateien
        // n0.gif, n1.gif bis n9.gif vorliegen; nx.gif muss eine leere
        // Flaeche gleichen Formates sein (oder identisch mit n0.gif, falls
        // die Anzeige führender Nullen gewünscht ist).

        // Diese Parameter sind an die Formate der Ziffern-Grafiken
        // und an die gewuenschte Stellenzahl anzupassen
        breite=20; hoehe=27; stellen=8;

        // Vorladen der Ziffern
        n=new Array(10);
        for(i=0;i<10;i++) { n[i]=new Image(breite,hoehe); n[i].src='n'+i+'.gif'; }

        // Initiierung des Zwischenspeichers
        AnzS=""; for(i=0;i<stellen;i++) AnzS+=" ";

        // Fuellzeichen
        Leer=""; for(i=0;i<stellen;i++) Leer+="x";

        // Funktion zum Anzeigen einer Zahl
        function shownum(w) {
          var AnzW=Math.floor(Math.abs(w));
          var we=""+Leer+AnzW;
          we=we.substring(we.length-stellen,we.length);
          for(var i=stellen-1;i>=0;i-=1)  {
            if(AnzS.charAt(i)!=we.charAt(i))
              document.images['b'+i].src='n'+we.charAt(i)+'.gif';
          }
          AnzS=we;
        }

        // Das hier endende erste Script kann durch Aufruf
        // von shownum(...) zur Anzeige von Zahlen genutzt werden

        // Initialisierung der Anzeige der Sekunden
        function countdownstart() {
          jetzt=new Date();
          naejahr=jetzt.getYear()+1;
          if(naejahr<1900) naejahr+=1900;
          neujahr=new Date(naejahr,0,1);
          countdownloop();
        }

        // Laufende Anzeige im Sekundentakt
        function countdownloop() {
          jetzt=new Date();
          diff=neujahr.getTime()-jetzt.getTime();
          if(diff<0) {
            naejahr++;
            neujahr=new Date(naejahr,0,1);
          }
          sekunden=Math.floor(diff/1000);
          startfrist=1001-(jetzt.getTime()%1000);
          shownum(sekunden);
          setTimeout("countdownloop()",startfrist);
        }

        /* Will man ein anderes Datum als den Jahreswechsel nehmen,
           etwa den 1.3.2005, 17:19 Uhr, dann sind die beiden letzten
           Funktionsdefinitionen durch diese zu ersetzen:

        function countdownstart() {
          enddatum=new Date(2005,2,1,17,19,0); // Monat: 0 = Januar!
          countdownloop();
        }

        function countdownloop() {
          jetzt=new Date();
          diff=enddatum.getTime()-jetzt.getTime();
          if(diff<0) diff=0;
          sekunden=Math.floor(diff/1000);
          startfrist=1001-(jetzt.getTime()%1000);
          shownum(sekunden);
          setTimeout("countdownloop()",startfrist);
        }

        */

        // -->
        </SCRIPT>
        <STYLE type="text/css">
        <!--
        p,h1,table,tr,td { font-family:Verdana,sans-serif; }
        body { background-color:#FFFFFF; }
        // -->
        </STYLE>
        </head>
        <body onload="countdownstart();">
        <h1>Javascript-Countdown</h1>
        <p>Diese Seite demonstriert ein Script zur Anzeige von natürlichen Zahlen,
        das auch mit älteren Browsern funktioniert und sehr stabil ist,
        da es lediglich auf Bildwechseln beruht.</p>
        <table width="100%">
        <tr><td align="center">
        <SCRIPT LANGUAGE="JAVASCRIPT">
        <!-- Dynamisches Erzeugen der benoetigten IMG-Tags
        document.write('Es sind noch</td></tr><tr><td align="center">');
        for(i=0;i<stellen;i++) {
          document.write('<img name="b'+i+'" src="nx.gif" width="'+
              breite+'" height="'+hoehe+'">');
        }
        document.write('</td></tr><tr><td align="center">'+
              'Sekunden bis zum nächsten Jahreswechsel.');
        // -->
        </SCRIPT>