Ankündigung

Einklappen
Keine Ankündigung bisher.

Countdown Script

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Countdown Script

    Ihc brauche mal kurz eure Hilfe, wie kann ich das unten angehängte Countdown Script so verändern das nach Ablauf der Zeit der Countdown durch einen Schriftzug z.B. "Countdown beendet" ersetzt wird?

    Code:
    <script language="javascript">
    	
    var actualdate = new Date();
    var todate = new Date(2008,01,01,12,12,12); 
    
    var weektext = " Wochen, ";
    var daytext = " Tage, ";
    var hourtext = " Stunden, ";
    var minutetext = " Minuten, ";
    var secondtext = " Sekunden.";
    
    var seconds, minutes, hours, days, weeks;
    var sh_seconds, sh_minutes, sh_hours, sh_days, sh_weeks;
    var remain;
    
    function Countdown() {
    
    	actualdate = new Date();
    	difference = todate - actualdate; 
    	seconds = difference / 1000;
    	
    	sh_weeks = Math.floor(seconds / 60 / 60 / 24 / 7);
    	remain = seconds - (sh_weeks * 7 * 24 * 60 * 60);
    	sh_days = Math.floor(remain / 60 / 60 / 24);
    	remain = remain - (sh_days * 24 * 60 * 60);
    	sh_hours = Math.floor(remain / 60 / 60);
    	remain = remain - (sh_hours * 60 * 60);
    	sh_minutes = Math.floor(remain / 60);
    	remain = remain - (sh_minutes * 60);
    	sh_seconds = Math.floor(remain);
    	
    	if (document.getElementById('weeks')) { document.getElementById('weeks').innerHTML = sh_weeks + weektext; }
    	if (document.getElementById('days')) { document.getElementById('days').innerHTML = sh_days + daytext; }
    	if (document.getElementById('hours')) { document.getElementById('hours').innerHTML = sh_hours + hourtext; }
    	if (document.getElementById('minutes')) { document.getElementById('minutes').innerHTML = sh_minutes + minutetext; }
    	if (document.getElementById('seconds')) { document.getElementById('seconds').innerHTML = sh_seconds + secondtext; }
    }
    
    function init() {
    
    	setInterval("Countdown()",1000);
    	Countdown();
    }
    
    init();
    	
    </script>
    
    
    
    <span id="weeks"></span>
    <span id="days"></span>
    <span id="hours"></span>
    <span id="minutes"></span>
    <span id="seconds"></span>

    Ich danke euch schonmal für eure Hilfe

  • #2
    AW: Countdown Script

    Hey,

    ich kenn mich damit nicht so aus, aber mir kam dieser Beitrag in den Sinn:
    http://homepage-forum.de/showpost.ph...60&postcount=2

    Da wird mit einer einfachen if-Abfrage geklärt, ob der Countdown läuft oder nicht


    :king:
    > Quit - don't quit. Noodles - don't noodles. <

    Kommentar


    • #3
      AW: Countdown Script

      Ich weis pushen ist hier nicht so beliebt aber ich machs trotzdem *push*

      Ihr wollt mir doch nicht erzählen das keiner ahnt wie das fuktioniert.

      Kommentar


      • #4
        AW: Countdown Script

        Moin!

        Das hier ist ein gutes Beispiel für Dich!

        Solche Java Scripte gibt es wie Sand am Meer.

        MfG Speedy

        Kommentar


        • #5
          AW: Countdown Script

          Oder nimm die hier, von Weihnachten im Jahr 2007:

          PHP-Code:
          <form name="datum">
          <
          input readonly="readonly" size="40" name="DD">
          </
          form>
          <
          script language="javascript" type="text/javascript">
          /* Hier das genaue Ende des Countdown angeben */
          var Endjahr 2007;  // Jahr   (2004-ue.)
          var Endmonat 12;    // Monat  (1-12)
          var Endtag 24;     // Tag    (1-31)
          var Endstunde 0;  // Stunde (0-23)
          var Endminute 0;   // Minute (0-59)
          var Endsekunde 0// Sekunde(0-59)
          var ENDE="Countdown beendet!";  //<-Anzeige, wenn countdown beendet ist (unbedingt in anführungszeichen)

          var rechnen=0;
          var 
          Jahr=31536000000;
          var 
          Monat=Jahr/12;
          var 
          Tag=Jahr/365;
          var 
          Stunden=Tag/24;
          var 
          Minuten=Stunden/60;
          var 
          Sekunden=Minuten/60;
          var 
          Jahr1;
          var 
          Monat1;
          var 
          Tag1;
          var 
          Stunden1;
          var 
          Minuten1;
          var 
          Sekunden1;
          var 
          i;
          var 
          NIX=new Array();
          var 
          Anfang=new Date();
          var 
          Ende=new Date();

          Ende.setYear(Endjahr)
          Ende.setMonth(Endmonat)
          Ende.setDate(Endtag)
          Ende.setHours(Endstunde)
          Ende.setMinutes(Endminute)
          Ende.setSeconds(Endsekunde)

          function 
          countdown()
          {
              
          NIX[0]=0;
              
          NIX[1]=0;
              
          NIX[2]=0;

              var 
          Anfang=new Date();
              
          Anfang.getYear();
              
          Anfang.getMonth();
              
          Anfang.getDate();
              
          Anfang.getHours();
              
          Anfang.getMinutes();
              
          Anfang.getSeconds();
              
          rechnen=Ende-Anfang;

              if(!(
          rechnen<=0))
              {
                  if(
          rechnen<32000)
                  {
                      
          i=parseInt(rechnen/1000);
                      
          i<10?NIX[3]='0':NIX[3]='';
                      
          document.datum.DD.value='00:00:'+NIX[3]+i;
                  } else {
                      
          Jahr1=parseInt(rechnen/Jahr);
                      
          rechnen=rechnen-Jahr1*Jahr;
                      
          Monat1=parseInt(rechnen/Monat);
                      
          rechnen=rechnen-Monat1*Monat;
                      
          Tag1=parseInt(rechnen/Tag);
                      
          rechnen=rechnen-Tag1*Tag;
                      
          Stunden1=parseInt(rechnen/Stunden);
                      
          rechnen=rechnen-Stunden1*Stunden;
                      
          Minuten1=parseInt(rechnen/Minuten);
                      
          rechnen=rechnen-Minuten1*Minuten;
                      
          Sekunden1=parseInt(rechnen/Sekunden);
                      
          Jahr1==0?Jahr1='':Jahr1='Jahre:'Jahr1+' ';
                      
          Monat1==0?Monat1='':Monat1='Monate:'Monat1+' ';
                      
          Tag1==0?Tag1='':Tag1='Tage:'Tag1+' ';

                      
          Stunden1>9?NIX[0]='':NIX[0]=0;
                      
          Minuten1>9?NIX[1]='':NIX[1]=0;
                      
          Sekunden1>9?NIX[2]='':NIX[2]=0;

                      if (
          Ende-Anfang 0) {
                          
          document.datum.DD.value=ENDE;
                      } else {
                          
          document.datum.DD.value Jahr1 '' Monat1 '' Tag1 '' NIX[0] + '' Stunden1 ':' NIX[1] + '' Minuten1 ':' NIX[2] + '' Sekunden1;
                      }
                  }
              } else {
                  
          clearInterval(ID);
                  
          document.datum.DD.value=ENDE;
              }
          }
          var 
          ID=setInterval('countdown()',1);
          </
          script><br /> 
          MfG
          ~Capfly

          Kommentar

          homepage-forum.de - Hilfe für Webmaster! Statistiken

          Einklappen

          Themen: 56.881   Beiträge: 430.752   Mitglieder: 28.629   Aktive Mitglieder: 43
          Willkommen an unser neuestes Mitglied, Christin.

          Online-Benutzer

          Einklappen

          203 Benutzer sind jetzt online. Registrierte Benutzer: 2, Gäste: 201.

          Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

          Die neuesten Themen

          Einklappen

          • daniel5959
            Antwort auf Christin
            Hallo,

            vor einiger Zeit habe ich einen Forenbeitrag und einen Nachtrag mit 3 kostenlosen WYSIWYG-Webeditoren und 2 Anbietern von kostenlosen Designvorlagen für responsive Webseiten zusammengestellt, siehe

            >> https://www.homepage-forum.de/forum/...ge-forum/-1-2-...
            Gestern, 17:33
          • Sempervivum
            Antwort auf Änderung an der CSS macht Probleme
            Die Optik wird nur indirekt durch Javascript beeinflusst, wenn dir das mit einem Javascript passiert ist, liegt es mit aller Wahrscheinlichkeit am HTML und CSS, das dazu gehört. Und es kann dir genau so gut mit einer Slideshow passieren, die nur mit HTML und CSS realisiert ist.
            Den Nachteil hat...
            Gestern, 16:16
          • Nightbird
            Antwort auf Änderung an der CSS macht Probleme
            Hallo Basti1012

            Gerade @keyframes macht die meisten Schwierigkeiten.
            Copy & Paste funktionieren hier nicht.
            Die Zahlen, die in den einzelnen Bild-Abschnitten enthalten sind, müssen scheinbar für jeden Abschnitt extra berechnen werden.
            Aber wie und womit, ist mir...
            Gestern, 12:24
          • Lupus_III
            Antwort auf Christin
            Ich habe mir den Magix Web Designer vor Jahren mal angeschafft und dann schnell wieder zur Seite gelegt. Eine gute Unterstützung habe ich auch nicht gefunden und was man findet ist veralteter Mist. Ich glaube sogar, dass nur wenige diese Software benutzen. Meine Webseiten codiere ich mittlerweile...
            Gestern, 08:39
          • daniel5959
            Antwort auf Christin
            Hallo,

            selber arbeite ich nicht mit dem Magix Web Designer Premium.

            Bei Youtube habe ich ein Video von Magix aus dem Jahr 2014 für den Magix Web Designer Version 10 zu Thema "responsive Webseiten" (Webseiten für verschiedene Geräte, auch für Smartphones) gefunden....
            Gestern, 01:48

          Die neuesten Beiträge

          Einklappen

          • Christin
            Christin
            Hallo,
            ich bin neu hier und hoffe, dass ich einen wertvollen Tipp bekomme:

            - Ich arbeite mit dem Magix Web Designer Premium 17.
            - Gibt es eine gute Video-Anleitung für die Gestaltung der Smartphone-Variante?

            DANKE!

            Liebe Grüße
            Christin
            21.06.2021, 20:54
          • daniel5959
            Antwort auf Christin
            Hallo,

            vor einiger Zeit habe ich einen Forenbeitrag und einen Nachtrag mit 3 kostenlosen WYSIWYG-Webeditoren und 2 Anbietern von kostenlosen Designvorlagen für responsive Webseiten zusammengestellt, siehe

            >> https://www.homepage-forum.de/forum/...ge-forum/-1-2-...
            Gestern, 17:33
          • Nightbird
            Änderung an der CSS macht Probleme
            Als neues Forumsmitglied möchte ich mich gleich mit einer Frage an Euch wenden.
            Bei der Programmierung von HTML geht's so halbwegs aber bei einer CSS habe ich so meine Schwieriegkeiten.
            Dashalb suche ich mir im Web hauprsächlich Templates zusammen, die meinen Vorstellungen entsprechen....
            19.06.2021, 17:01
          • Sempervivum
            Antwort auf Änderung an der CSS macht Probleme
            Die Optik wird nur indirekt durch Javascript beeinflusst, wenn dir das mit einem Javascript passiert ist, liegt es mit aller Wahrscheinlichkeit am HTML und CSS, das dazu gehört. Und es kann dir genau so gut mit einer Slideshow passieren, die nur mit HTML und CSS realisiert ist.
            Den Nachteil hat...
            Gestern, 16:16
          • Nightbird
            Antwort auf Änderung an der CSS macht Probleme
            Hallo Basti1012

            Gerade @keyframes macht die meisten Schwierigkeiten.
            Copy & Paste funktionieren hier nicht.
            Die Zahlen, die in den einzelnen Bild-Abschnitten enthalten sind, müssen scheinbar für jeden Abschnitt extra berechnen werden.
            Aber wie und womit, ist mir...
            Gestern, 12:24
          • Lupus_III
            Antwort auf Christin
            Ich habe mir den Magix Web Designer vor Jahren mal angeschafft und dann schnell wieder zur Seite gelegt. Eine gute Unterstützung habe ich auch nicht gefunden und was man findet ist veralteter Mist. Ich glaube sogar, dass nur wenige diese Software benutzen. Meine Webseiten codiere ich mittlerweile...
            Gestern, 08:39
          • daniel5959
            Antwort auf Christin
            Hallo,

            selber arbeite ich nicht mit dem Magix Web Designer Premium.

            Bei Youtube habe ich ein Video von Magix aus dem Jahr 2014 für den Magix Web Designer Version 10 zu Thema "responsive Webseiten" (Webseiten für verschiedene Geräte, auch für Smartphones) gefunden....
            Gestern, 01:48
          • arnego2
            Wenn was schiefäuft
            Heute ist es wieder mal passiert.

            Viele Websites im Internet waren am heutigen Dienstag vorübergehend nicht verfügbar,
            darunter auch die New York Times, Bloomberg News, Reddit Inc. die britische Regierung, nachdem die Dienste des Content-Delivery-Netzwerks Fastly Inc. ausfielen....
            09.06.2021, 01:13
          • arnego2
            Antwort auf Wenn was schiefäuft
            Gute Strategie, die CDN und Cloudlösungen sind alle so designed das man sich eher in Abhängigkeit begibt....
            21.06.2021, 13:27
          • threadi
            Antwort auf Wenn was schiefäuft
            Jap, war so. Hier eine Quelle dazu:
            https://www.theguardian.com/technolo...ed-mass-outage

            Ich verzichte btw. schon immer auf CDN eben gerade weil ich die Abhängigkeit scheue.
            21.06.2021, 10:02
          Lädt...
          X