¿Cómo cambiar el color del texto después de X cantidad de segundos?

este es mi codigo

<font color=green>
     14:00
</font><br>
<font color=green>
     14:30
</font><br>
<font color=green>
     15:00
</font><br>
........

¿Cómo puedo cambiar el color (en rojo) de cada texto después de que haya pasado algún tiempo?

He intentado este código pero obviamente no funciona (onLoad es solo para las etiquetas body / img):

<font color=green onLoad="setTimeout('this.style.color=red',xxx-seconds);">
     14:00
</font><br>

¿Alguna sugerencia?

Solución adoptada (gracias a minitech):

<style>
    @keyframes change {
        from { color: green }
        to   { color: red }
    }
</style>

<span style='animation: change (number-of-seconds)s step-end both;'>
    14:30
</span>
<span style='animation: change (number-of-seconds)s step-end both;'>
    15:00
</span>
.............