"Ladebalken" - Countdown

[MiLa]

HuHu,
so wage ich mich auch mal in das JavaScript Forum mit einem Problem,d ass ich selbst nach stunden der Verzweiflung nicht selbst lösen konnte.

Also, so rufe ich die Funktion auf:

<SCRIPT language='Javascript'>prozent('prozent_1',1068024551,1068024546,60);</SCRIPT>

Hier ist der Balken:

<img id=prozent_1 name=prozent_1 src="images/icons/bar.gif" height="10" width="0" align="middle">

Hier ist die Funktion:

function prozent(myid, jetzt, time, bauzeit) 
{
  var pro=(jetzt-time)/bauzeit*100;
  document.getElementById(myid).style.width=pro;
  window.setTimeout("prozent('" + myid + "', '" + jetzt + "', '" + time + "', '" + bauzeit + "');", 1000);
}

Wenn ich per F5 aktualisiere, ist der Balken weiter, aber ich möchte es fotrlaufend auf dem BIldschirm haben, also parallel zu nem vorhandenen Countdown.

Ich hätte noch eine Idee das ganze in einem eigenen Iframe zu machen und dann immer zu reloaden, nur das ist wohl nicht gerade die feine englische Art.

PS. Glaubt nicht, dass ich nicht auf http://www.g00gl3.de war und nicht die Suchfunktion benutzt habe, aber irgendwie wollt das alles nciht so wirklich.

Danke schonmal im Vorraus....

 

[Sven Mintel]

Moin,

Ich bin mir jetzt nicht ganz schlüssig,welches der aktuelle Timestamp sein soll(mein Herz sagt "jetzt",mein Kopf sagt"time" )
Auf jeden Fall,der aktuelle Timestamp muss sich ja erhöhen,was er momentan nicht tut(nur beim Reloaden,da du ihn dort wahrscheinlich immer neu ins Dokument schreibst).
Da die Funktion einmal pro sec aufgerufen wird,reicht es aus,vor der setTimeout-Anweisung entweder "time++" oder "jetzt++" zu notieren,jenachdem,was die aktuelle Zeit darstellen soll,und damit den Zeitstempel zu inkrementieren.
Wenn du es ganz genau haben willst,kannst du mit getTime() auch den echten Timestamp errechnen(der währe allerdings abhängig von der Client-Rechnerzeit).

 

[MiLa]

*andiebirnebatsch*

Da hätt ich aber auch selbst drauf kommen können

Naja, supi

Werd mich gleich ma ransetzten, das probieren...

 

[MiLa]

Stellt sich dei frage, was sinnvoller ist, momentan verwende ich die Client-Zeit lediglich für den Countdown.
Es sieht aber doch komisch aus, wenn der Countdown und der Balken sich leicht versetzt bewegen...
Aber vieleicht sehe ichd as auch zu eng

Oder sollte ich auch den Countdown uaf Serverzeit programmieren, damit alles völlig unabhängig von den Clienteinstellungen angezeigt wird/läuft ?

 

[Sven Mintel]

Wenn der Countdown auch einmal pro sec läuft,würd ich da auch einfach den Wert hochzählen(oder runter)...da kann eigentlich nix schiefgehen....denn bei mir Privat z.B. geht die Uhr immer falsch

 

[MiLa]

Ich habe den Countdown bisher nur auf Clientseite realisiert.

Wo wir gerde dabei sind...
Wie bekomme ich es denn mit JavaScript am einfachsten hin aus einem PHP-Timestamp die Uhrzeit im Format 00:00:00 zu generieren ?

 

[Sven Mintel]

Ne einfache Methode wär dies:

<script type="text/javascript">
stamp=1068024546;
stamp=new Date(stamp*1000);
stamp=stamp.toLocaleString();
stamp=stamp.substr(stamp.length-8,8);
</script>

 

[MiLa]

Danke, hat mir sehr geholfen

Ich bin zufrieden