Wie ändere ich die Textfarbe nach X Sekunden?

Das ist mein Code:

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

Wie kann ich die Farbe (in Rot) jedes einzelnen Textes nach einiger Zeit ändern?

Ich habe diesen Code ausprobiert, aber offensichtlich funktioniert er nicht (onLoad ist nur für die Tags body / img):

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

Irgendwelche Vorschläge?

Lösung angenommen (dank 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>
.............

Antworten auf die Frage(3)

Ihre Antwort auf die Frage