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>
.............