Jak zmienić kolor tekstu po X sekundach?

to jest mój kod:

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

Jak mogę zmienić kolor (na czerwono) każdego pojedynczego tekstu po upływie pewnego czasu?

Próbowałem tego kodu, ale oczywiście nie działa (onLoad jest tylko dla tagów body / img):

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

Jakieś sugestie?

Rozwiązanie przyjęte (dzięki 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>
.............

questionAnswers(3)

yourAnswerToTheQuestion