div nach Inhalt einfärben

[tron0815]

Hallo,

mit folgenden Javascriptcode ändere ich dynamisch nach Inhalt die Hintergrundfarbe von meinem div (<div class="color">)

PHP-Code:

<script type="text/javascript">
$(document).ready(function() {
   $('.color:contains("blah")').css('background', '#ff0000');     
   $('.color:contains("blupp")').css('background', '#00ff00'); 
   $('.color:contains("lalala")').css('background', '#0000ff');          
});
</script> 


Das funktioniert perfekt.

Jetzt möchte ich auch ein div mit Zeitangaben im Format hh:mm:ss nach bestimmten Vorgaben einfärben.
Also z.B. wenn die Zeit kleiner als 00:05:00 soll es Farbe1 haben, ab 00:25:00 dann Farbe2, ab 01:00:00 Farbe3 ...u.s.w.

Irgendwie bekomme ich das aber mit obigen Code nicht hin. Hat jemand eine Idee wie ich diesen Code ändern/erweitern müsste so das es eben auch mit der Zeitangabe funktioniert ?