Interaktiver countdown

Hi,
ich habe da ein kleines Problem. Ich kenn mich leider nicht mit Javascript aus und weiss daher nicht wie ich meine Vorhaben verwirklichen soll :-(.
Ich möchte nämlich eine Funktion die mir einen Countdown anzeigt. Eine runterlaufende Zeit. Es sollen z.B.: x bauvorgänge mit einer unterschiedlichen dauer gleichzeitig angezeigt werden. Diese soll natürlich alle runterlaufen...
Dazu habe ich schon was geschrieben, und zwar folgendes:

Countdown









Also der Code funktioniert soweit, das ich dann x-viele anzeigen laufen habe kann ich ja mit php erreichen, mit einer schleife. Was mich jetzt stört, ist das ich die Zeit in ein input schreiben muss.
Gibt es da auch eine Möglichkeit das ganze in einem div oder span oder sonstiges schriftlabel zu schreiben?

vor langer zeit hab ich mal nen snippet hochgeladen:
snippets.galaxy-news.de/javascript:counter
wenn ich das nochmal machen würde, dann wäre es mit prototype und es gäb ne callback-funktion bei ablauf
aber so läuft es auch.

ist passwort geschützt

natürlich ist das passwortgeschützt. aber du bist im entwickler-bereich. also log dich mit deinen gw-daten ein und gut is

Ja okey ;-). geht aber scheint nicht mehr drin zu sein.
"Dieses Thema existiert noch nicht" Da ist leider nix mehr eingetragen

*grml* ... ich hasse das WBB ...
der mach jedesmal, wenn man das wort javascript schreibt (egal ob im link oder sonstwo) zwischen java und script nen leerzeichen .. dadurch funktioniert der link nicht mehr.
nimm einfach das " " bzw des %20 aus der URL

Hmm
keine Ahnung krieg das Javascript programm nicht zum laufen.
Bei mir funktioniert nur die PHP-Ausgabe. Diese aber auch nur ausserhalb des -Tags. Was ja dann auch nicht besonders hilfreich ist.
Und das Javascript scheint irgendwo nen fehler zu haben bei mir läuft da keine Zeit runter :-(.
Was mir eigentlich weiterhelfen würde wäre, wenn ich wüsste wie ich etwas Neues in einen -Tag schreibe und das dann nach einer sekunde jeweils erst angezeigt wird.
Die -Tags auszulesen funktioniert aber was neues reinschreiben hab ich noch nicht hinbekommen.

Juhu geht. Hab mir mithilfe von dir genutzter funktionen das ganze zurecht gebastelt. und siehe da es funktioniert. Falls sich auch einer dafür interessiert, mann kann mit den befehlen

var id = document.getElementById(1); 

id.innerHTML=x1++;
Den Wert im var mit der id=1 verändern.

Countdown




Der Rest sollte schaffbar sein. Danke Drezil

ich hatte auch mal eins hier im forum reingestellt
vielleicht einfach mal suchen^^

Original von Startego
Was mich jetzt stört, ist das ich die Zeit in ein input schreiben muss.

Da ist doch nicht so viel zu ändern.

Countdown

Hi, Klaus
Ja das funktioniert auch nur ein kleiner rechtschreibfehler war drin ;-).
Aber geht genau so gut.

Countdown





Vielen Danke

countdownstart ist ein doofer Name für eine Funktion, die nicht runter zählt ;-) Wenn Du HTML-Element id und den Start-Wert mit gibst, kannst Du sogar auf die globalen Variabeln verzichten: (nicht getesteter Kode)

function countup(element, current_counter) {
if ( typeof element == 'string' )
element = document.getElementById(element);
element.innerHTML = current_counter;
setTimeout(function() { countup(element, currrent_count +1); }, 500);
}
var timers = document.getElementById('timer').childNodes;
for ( var i = 0; 0 != timers.length; ++i ) {
countup(timers, i);
}