spezieller Countdown

bimbo56 · 15.07.2010, 18:52

Moin,

Da mein Freund google mir nicht helfen konnte habe ich nun dieses Forum aufgesucht.

Also ich brauche einen Countdown der mit einer Zeit aus einer PHP variabele "gefüttert" wird und dann herrunter zählt.

Mein gewünschtes Datums/zeitformat liegt so: 20100715184649 in einer Variabele vor.

Nun soll die Ausgabe am nicht so erfolgen wie man es kennt:

0 jahre, 0 monate ,... usw.

Sondern wenn es bsp. 2std 3min sind soll die Ausgabe auch nur das anzeigen(sekunden natürlich auch).

und Falls es halt doch Tage oder mehr sind auch die Tage usw.

Verständlich?

Zusätzlich würde ich noch eine Progressbar ganz hübsch finden.

Ist das so Möglich?

Wäre eventuell jemand bereit mir ein Script nach diesen Vorstellungen zu basteln??

Bedanke mich schonmal für eure Bemühungen

ChrisB · 15.07.2010, 18:59

Zitat:

Zitat von bimbo56

Sondern wenn es bsp. 2std 3min sind soll die Ausgabe auch nur das anzeigen(sekunden natürlich auch).

Na dann frage halt ab, ob's Tage gibt oder nicht - und wenn nicht, dann gibst du halt keine Tage aus.

Zitat:

Wäre eventuell jemand bereit mir ein Script nach diesen Vorstellungen zu basteln??

Sucht jetzt der Bimbo andere Bimbos, die die Arbeit für ihn machen?

bimbo56 · 15.07.2010, 19:50

Zitat:

Sucht jetzt der Bimbo andere Bimbos, die die Arbeit für ihn machen?

Um´s mal schlicht zu sagen: JA.

Ich hab keine Ahnung von JS und wäre für Hilfe sehr Dankbar

nikosch · 15.07.2010, 20:40

[MOD: verschoben]

bimbo56 · 01.08.2010, 15:58

Moin
ich habe nun über google folgendes script gefunden

Code:

<html>
<head>
<title>karmacoder's js count down</title>
</head>
<body onload=display(h, m, s);>
<script language=javascript>
   h = 0;  // stunden
   m = 5;  // minuten
   s = 10; // sekunden
   
   // im sekunden tackt funktion count_down aufrufen
   clk = setInterval(count_down();, 1000);
      
   function count_down() {
      // sekunden veringern
      s--;
      if (s < 0) {
         // anzeige korrigieren
         s = 59;
         // minuten veringern
         m--;
      }
      if (m < 0) {
         m = 59;
         h--;
      }
      if (h < 0) {
         h = 0;
      }
      // countdown abgelaufen?
      if (h == 0  m == 0  s == 0) {
         // tackt löschen
         clearInterval(clk);
         // endlink anzeigen
         document.getElementById(display).innerHTML = <a href=\#\>fertig</a>;

      }
      else {   
         // countdown anzeigen
         display(h, m, s);
      }
   }

   function num2digit(num) {
      // zu string konvertieren
      num += ;
      // so lange es nicht zweistellig ist eine 0 voranstellen
      while(num.length < 2) {
         num = 0+num;
      }
      return num;
   }
   
   function display(h, m, s) {
      // uhrzeit setzen
      document.getElementById(h).innerHTML = num2digit(h);
      document.getElementById(m).innerHTML = num2digit(m);
      document.getElementById(s).innerHTML = num2digit(s);   
   }
</script>
<div id=display style=border-width: 1px; border-style: solid; border-color: #000000; color: #000000>
<span id=h></span>:<span id=m></span>:<span id=s></span>
</div>
</body>
</html>

Ich versteh auch teilweise was dort passiert.
Aber leider bekomme ich keine Ausgabe.

Kann mir jemand sagen wo der Fehler ist? Damit wäre mir dann glaube ich schon sehr geholfen.

ChrisB · 01.08.2010, 18:13

Vor allem der schlampige Umgang mit HTML dürfte dein Hauptproblem sein.

Code:

<div id=display style=border-width: 1px; border-style: solid; border-color: #000000; color: #000000>

Das muss doch jeder sehen, dass das Unfug ist, wenn man die Attributbegrenzer überall weglässt.

bimbo56 · 01.08.2010, 22:35

ja ok das dieser teil vom gefundenen Script misst ist hab ich auch schon bemerkt.

habe dann (meiner Meihnung nach richtig) so:

Code:

style="border-width:1px; border-style:solid; border-color:#000000; color:#000000;"

geändert.

Und laut selfhtml müsste man ein ID-Attribute auch so: id="wert angeben"
Wonach ich dann (erstmal) wie folgt geändert habe:

Code:

<div id="display" style="border-width:1px; border-style:solid; border-color:#000000; color:#000000;">

Aber egal wie ichs gedreht und gewendet hab bekomm ich einfach keine Ausgabe
Ich hatte auch den style teil komplett weggelassen und ""-zeichen hinzugefügt, weggenommen , gesetzt und nicht.

Wenn ich jetzt in meinen eigenen scripts fehler habe find ich die halt auch schon.
Aber hier hab ich grad irgendwie Probleme.
Man versucht ja auch echt schon sich engagiert mit seinem Problem zu befassen aber es is halt frustrierend wenn man nichts weiter als "::" Ausgegeben bekommt.

Da ich PHP ja im Prinzip auch nur so Learning-by-Doing mache bin ich da auch noch nicht so der "Crack" aber durch Fehlermeldungen konnt man relativ schnell seine Fehler sehen und verstehen wie´s richtig funktioniert und da dies nun nicht der Fall ist hab ich mich halt ans Forum gewendet.

Ist ja auch richtig das die Supporter einem hier nicht den "Brei vorgekaut auf den Teller spucken"
Aber man bekommt halt immer dumme Sprüche zu hören wenn man dann versucht sich zu rechtfertigen.

Und den ersten Code habe ich halt so über Google gefunden lief nicht habe dann diesen html misst etwas überarbeitet aber niggz läuft
und ich weiß halt auch garnicht mehr was ich jetzt noch sagen soll.

Ich hätte halt einfach nur gerne dieses Script zum laufen gebracht.

Eine tolle info wäre zum Bsp. Ob der JS Teil so funktioniert oder ob da auch ein Wurm drinnen steckt.

Ich hoffe mal mein Post wird jetzt nicht falsch verstanden aber etwas mehr "ELAN" ist doch bestimmt möglich.

nikosch · 02.08.2010, 19:57

Danke für Deine Lebensgeschichte

Zitat:

Kann mir jemand sagen wo der Fehler ist? Damit wäre mir dann glaube ich schon sehr geholfen.

No shit, Sherlock!

Die Fehler nennt Dir die Javascript-Fehlerkonsole. Das Script enthält offensichtliche Syntaxfehler. Und zwar ne ganze Menge.

Am schönsten finde ich allerdings den Code:

PHP-Code:

     function num2digit(num) {
      // zu string konvertieren
      num += ;
      // so lange es nicht zweistellig ist eine 0 voranstellen
      while(num.length < 2) {
         num = 0+num;
      }
      return num;
   }

Den solltest Du Dir gerahmt über den Schreibtisch hängen.

bimbo56 · 03.08.2010, 21:53

Moin also hab mal ne Weile gefixt/debuggt

Bin nun soweit

Code:

<html>
<head>
<title>TEST COUNTDOWN</title>
</head>
<body onload="display(h, m, s);">
<script language=javascript>
  var h = 0;  // stunden
  var m = 1;  // minuten
  var s = 0; // sekunden
   
  var aktiv = window.setInterval("Timer()", 1000);
  

  function Timer () {
  
      // sekunden veringern
      s--;
      if (s < 0) {
         // anzeige korrigieren
         s = 59;
         // minuten veringern
         m--;
      }
      if (m < 0) {
         m = 59;
         h--;
      }
      if (h < 0) {
         h = 0;
      }
      // countdown abgelaufen?
	    if (h == 0 && m == 0 && s == 0) {
         // tackt löschen
         window.clearInterval(aktiv);
         // endlink anzeigen
         document.getElementById('display').innerHTML = "<a href='http://www.google.de'>fertig</a>";
		
        }
	    else {   
         // countdown anzeigen
         display(h, m, s);
      }
}


  function num2digit(num) {
      // zu string konvertieren
      var digit = num.toString();
      // so lange es nicht zweistellig ist eine 0 voranstellen
      while(digit.length < 2) {
         digit = 0+digit;
      }
      return digit;
   }
   
   
  function display() {
  
      // uhrzeit setzen
      document.getElementById('h').innerHTML = num2digit(h);
      document.getElementById('m').innerHTML = num2digit(m);
      document.getElementById('s').innerHTML = num2digit(s);   
}

 
   
</script>
<div id="display" style="border-width: 1px; border-style: solid; border-color: #000000; color: #000000;">
<span id="h"></span>std:<span id="m"></span>min:<span id="s"></span>sek
</div>

</body>
</html>

Fix-Utilities:SELF-HTML,Fehlerkonsole,Brain

So nachdem ich den gefundenen Syntaxmüll mal aufgeräumt hab werd ich mal versuchen meine anderen Wünsche zu realisieren.
Naja und wenn mal was nicht klappt kann man ja wieder Fragen

nikosch · 03.08.2010, 22:00

Das hört man gern.

Das hier stimmt aber IMHO immer noch nicht und dürfte in ner Endlosschleife münden:

PHP-Code:

        while(digit.length < 2) {
         digit = 0+digit;
      }

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Countdown Funktion mehrmals ausführen	secretwz	JavaScript, Ajax und mehr	3	17.06.2010 12:17
Serveruhrzeit -> Countdown	phplars	PHP Tipps 2009	10	30.10.2009 17:09
Countdown mit weiterleitung	Benshy	JavaScript, Ajax und mehr	2	25.09.2009 09:27
Countdown der....	xenus	HTML, Usability und Barrierefreiheit	0	02.10.2006 10:07
php in ein JavaScript Countdown einbinden!	Boennchen	PHP Tipps 2005	11	26.04.2005 13:41
Wie kann ich den Countdown von der Stautsleiste in den Body		HTML, Usability und Barrierefreiheit	17	25.04.2005 22:04
[Erledigt] Leidiges Thema Countdown		HTML, Usability und Barrierefreiheit	16	26.03.2005 12:40
[Erledigt] JavaScript + PHP (SQL) Countdown		HTML, Usability und Barrierefreiheit	5	23.12.2004 14:01
problem (countdown)		HTML, Usability und Barrierefreiheit	8	07.11.2004 23:08
Der 'Countdown' und das Tutorial...		HTML, Usability und Barrierefreiheit	2	12.09.2004 22:43
[Erledigt] Countdown problem!		HTML, Usability und Barrierefreiheit	3	28.07.2004 11:59
Javascript countdown mal anders - erledigt	Ohrwurm83	HTML, Usability und Barrierefreiheit	4	02.07.2004 23:35
javascript countdown in while scheife	Ohrwurm83	PHP Tipps 2004	1	02.07.2004 16:50
[Erledigt] Countdown		HTML, Usability und Barrierefreiheit	2	27.06.2004 02:32
Automatisierung durch countdown	Ohrwurm83	PHP Tipps 2004	2	16.06.2004 22:55

15.07.2010, 18:52
bimbo56 Neuer Benutzer Registriert seit: 15.07.2010 Beiträge: 7 PHP-Kenntnisse: Anfänger	spezieller Countdown Moin, Da mein Freund google mir nicht helfen konnte habe ich nun dieses Forum aufgesucht. Also ich brauche einen Countdown der mit einer Zeit aus einer PHP variabele "gefüttert" wird und dann herrunter zählt. Mein gewünschtes Datums/zeitformat liegt so: 20100715184649 in einer Variabele vor. Nun soll die Ausgabe am nicht so erfolgen wie man es kennt: 0 jahre, 0 monate ,... usw. Sondern wenn es bsp. 2std 3min sind soll die Ausgabe auch nur das anzeigen(sekunden natürlich auch). und Falls es halt doch Tage oder mehr sind auch die Tage usw. Verständlich? Zusätzlich würde ich noch eine Progressbar ganz hübsch finden. Ist das so Möglich? Wäre eventuell jemand bereit mir ein Script nach diesen Vorstellungen zu basteln?? Bedanke mich schonmal für eure Bemühungen


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

15.07.2010, 20:40
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.994 PHP-Kenntnisse: Fortgeschritten	[MOD: verschoben] __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

01.08.2010, 18:13
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Vor allem der schlampige Umgang mit HTML dürfte dein Hauptproblem sein. Code: <div id=display style=border-width: 1px; border-style: solid; border-color: #000000; color: #000000> Das muss doch jeder sehen, dass das Unfug ist, wenn man die Attributbegrenzer überall weglässt. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

01.08.2010, 22:35
bimbo56 Neuer Benutzer Registriert seit: 15.07.2010 Beiträge: 7 PHP-Kenntnisse: Anfänger	ja ok das dieser teil vom gefundenen Script misst ist hab ich auch schon bemerkt. habe dann (meiner Meihnung nach richtig) so: Code: style="border-width:1px; border-style:solid; border-color:#000000; color:#000000;" geändert. Und laut selfhtml müsste man ein ID-Attribute auch so: id="wert angeben" Wonach ich dann (erstmal) wie folgt geändert habe: Code: <div id="display" style="border-width:1px; border-style:solid; border-color:#000000; color:#000000;"> Aber egal wie ichs gedreht und gewendet hab bekomm ich einfach keine Ausgabe Ich hatte auch den style teil komplett weggelassen und ""-zeichen hinzugefügt, weggenommen , gesetzt und nicht. Wenn ich jetzt in meinen eigenen scripts fehler habe find ich die halt auch schon. Aber hier hab ich grad irgendwie Probleme. Man versucht ja auch echt schon sich engagiert mit seinem Problem zu befassen aber es is halt frustrierend wenn man nichts weiter als "::" Ausgegeben bekommt. Da ich PHP ja im Prinzip auch nur so Learning-by-Doing mache bin ich da auch noch nicht so der "Crack" aber durch Fehlermeldungen konnt man relativ schnell seine Fehler sehen und verstehen wie´s richtig funktioniert und da dies nun nicht der Fall ist hab ich mich halt ans Forum gewendet. Ist ja auch richtig das die Supporter einem hier nicht den "Brei vorgekaut auf den Teller spucken" Aber man bekommt halt immer dumme Sprüche zu hören wenn man dann versucht sich zu rechtfertigen. Und den ersten Code habe ich halt so über Google gefunden lief nicht habe dann diesen html misst etwas überarbeitet aber niggz läuft und ich weiß halt auch garnicht mehr was ich jetzt noch sagen soll. Ich hätte halt einfach nur gerne dieses Script zum laufen gebracht. Eine tolle info wäre zum Bsp. Ob der JS Teil so funktioniert oder ob da auch ein Wurm drinnen steckt. Ich hoffe mal mein Post wird jetzt nicht falsch verstanden aber etwas mehr "ELAN" ist doch bestimmt möglich.

03.08.2010, 22:00
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.994 PHP-Kenntnisse: Fortgeschritten	Das hört man gern. Das hier stimmt aber IMHO immer noch nicht und dürfte in ner Endlosschleife münden: PHP-Code: `while(digit.length < 2) { digit = 0+digit; }` __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --