Bei hotelmagnat, habe ich einen Countdown drin, der anzeigt wie lange ein Ereignis noch braucht, bis es fertig ist.
Außerdem wird der Fortschrit tder Aktion in einem Balken mit der entsprechenden Prozentzahl dargestellt.
Dies habe ich bislang über PHP und refresh gelöst.
Nun möchte ich das mit JS lösen.
Mit JS kenne ich mich so gut wie gar nicht aus und alle meine Versuche dies mithilfe von meiner Suchmaschine selbst zu coden sind gescheitert.
Ich möchte also dort stehen haben:
Verbleibende Zeit: 00:10:00
========100%======== (Stellt den Balken dar)
Nach einer Sekunde:
Verbleibende Zeit: 00:09:59
|=======99.95%========
Und so weiter.
Ich habe die Daten "Dauer" und "Ende" in der DB stehen.
Mein bisheriger Code ist:
PHP:1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <?
$verbleibend = ($row_personal_aktuell[ende] - $datum_jetzt);
$timezone = @date_default_timezone_get();
date_default_timezone_set('GMT');
echo '<td>Verbleibende Zeit: '.date("H:i:s",$verbleibend).'</td>';
date_default_timezone_set($timezone);
$balken = (1-($verbleibend/$row_personal_aktuell[dauer]))*100;
$balken = round($balken,2);
echo '<div style="border:thin orange solid; width:587px; height:20px;">';
echo '<div style="position: absolute; padding-top:3px; padding-left:290px; width:600px;">'.$balken.'%</div>';
echo '<div style="background-color:lime; background-image: url(doc/balken.jpg); background-repeat:repeat-x; width:'.$balken.'%; height:20px;">';
echo '</div>';
echo '</div>';
?> |
Kann mir da jemand helfen, wie ich des hinbekomme?