He hecho lo siguiente, pero no sé si es correcto, aunque funciona!
Para que el primer color lo domine yo, he puesto un valor muy pequeño, para que pase del negro otro y luego he copiado varias veces la función y va cambiando. El caso es que funciona, pero no sé si hay alguna manera mejor de resolverlo.
Aún así gracias. Creo que este método puede sustituir cosas que hacemos con flash, que como ya sabemos a los buscadores no les gusta mucho!
creo que es muy interesante
<html>
<head>
<script type="text/javascript">
function cambiar() {
document.getElementById('pepe').style.color = '#546733';
}
</script>
<script type="text/javascript">
function cambiar1() {
document.getElementById('pepe').style.color = '#843654';
}
</script>
</script>
<script type="text/javascript">
function cambiar2() {
document.getElementById('pepe').style.color = '#231567';
}
</script>
</head>
<body onload="setTimeout('cambiar()',0001);setTimeout('c ambiar1()',6000);setTimeout('cambiar2()',9000)">
<div id="pepe">Hola, soy Don José</div>
</body>
</html>