A ver si esto te vale:
<style>
#container{width:400px; height:15px; border:solid 1px red; overflow:hidden;}
#dateinput{p/osition:relative; width:300px; background-color:#CCC; font:12px
Arial, Helvetica, sans-serif;}
</style>
<script language="javascript" type="text/javascript">
window.onload=ini;
var pos=400;
function ini(){
reloj();
posicion();
}
function reloj() {
//obtiene fecha y hora
var fecha = new Date();
var Anio = fecha.getFullYear();
var Mes = fecha.getMonth();
var DiaActual = fecha.getDate();
var Dia = fecha.getDay();
var horas = fecha.getHours();
var minutos = fecha.getMinutes();
var segundos = fecha.getSeconds();
//asigna p.m. o a.m. segun el caso
var cir =(horas < 12)? "A.M." : "P.M.";
//array nombres meses
var mes =
["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];
Mes = mes[Mes];
//array nombres dias
var dia =
["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"];
Dia = dia[Dia];
//array horas
var horas = horas%12;
horas = (horas==0)?"12":(horas<10)?"0"+horas:horas;
minutos=(minutos <10)?"0"+minutos:minutos;
segundos=(segundos <10)?"0"+segundos:segundos;
//cadena final
textoFinal = (Dia+", "+DiaActual+" de "+Mes+" de "+Anio+"
"+horas+":"+minutos+":"+segundos+" "+cir+"");
// alert(textoFinal)
document.getElementById("dateinput").innerHTML = textoFinal
//repite cada 1 segundo
setTimeout("reloj()",1000);
}
function posicion(){
pos--;
if (pos<-301)pos=400;
document.getElementById("dateinput").style.marginLeft = pos +"px";
setTimeout("posicion()",10);
}
</script>
<div id="container"><div id="dateinput"></div></div>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
