Javascript Zeitvisualisierung?

[möp]

Hallo,
ich habe in zwei Variablen Zeiten gespeichert (Anfangs-und Endzeit) im Format 07:30. Nun will ich daraus irgendwie eine Visualisierung erstellen (mit horizontalen Balken deren Länge irgendwie abhängig von der Zeitdifferenz sein soll). Kann mir jemand verraten, wie man das am besten umsetzt? Vielleicht die Zeit irgendwie in einen anderen Wert (Prozentangabe beispielsweise) verwandeln? Nur wie? ?(

 

[honk]

Ohne Ahnung bzw es verstanden zu haben!

Umrechnen in Sekunden. Tag hat 86 400 Sekunden.

Zeitdiferrenz deiner 2 Variable mit strtotime

$timeFirst  = strtotime('2011-05-12 18:20:20');
$timeSecond = strtotime('2011-05-13 18:20:20');
$differenceInSeconds = $timeSecond - $timeFirst;

oder direkt aus der Datenbank

SELECT time_to_sec(timediff(NOW(), anfangzeit)) as diff

Dein Balken mit html5 <meter>

<meter value="$differenceInSeconds" min="0" max="86400"> </meter>

 

[möp]

Ok, danke... das mit html5 ist ein guter Ansatz...

 

[nobiggity]

Ja, vielen Dank für die Tipps, hatte mich ziemlich intensiv gefragt...