Como poner fecha y hora en mi pagina web- Gracias!

datcom · #1 (**permalink**) 25/07/2011, 19:37

Hola amigos y hermanos!

SOy nuevo en esto de programacion se agradeceria paciencia para lo que necesito:

Quiero colocar un sector en mi pagina donde se vaya actualizando la fecha en principio y la hora si es posible.

Seguramente se necesite un codigo para el html y un javascript no? quizas estoy hablando huevadas.

Si me pudieran explicar tranquila y sencillamente como hacerlo les agradezco

Saludos, Juan.

andresdzphp · #2 (**permalink**) 26/07/2011, 00:57

Bueno aquí te dejo 2 funciones que te dan la fecha y hora con javascript

Código Javascript:

Ver original<script type="text/javascript"> 
    
    //Autor: Iván Nieto Pérez
    
    //Función para la fecha
  
function MostrarFecha()  
   {  
   var nombres_dias = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado")  
   var nombres_meses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre")  
  
   var fecha_actual = new Date()  
  
   dia_mes = fecha_actual.getDate();
   dia_semana = fecha_actual.getDay(); 
   mes = fecha_actual.getMonth() + 1;  
   anio = fecha_actual.getFullYear();  
   
   document.write(nombres_dias[dia_semana] + ", " + dia_mes + " de " + nombres_meses[mes - 1] + " de " + anio)  
   }  
   
   //Función para el reloj
 
var RelojID12 = null
var RelojEjecutandose12 = false
 
function DetenerReloj12 () {
    if(RelojEjecutandose12)
        clearTimeout(RelojID12)
    RelojEjecutandose12 = false
}
 
function MostrarHora12 () {
    var ahora = new Date()
    var horas = ahora.getHours()
    var minutos = ahora.getMinutes()
    var segundos = ahora.getSeconds()
    var meridiano
 
    //ajusta las horas
    if (horas > 12) {
        horas -= 12
        meridiano = " P.M."
    } else {
        meridiano = " A.M."
        }
            
    //establece las horas
    if (horas < 10)
        ValorHora = "0" + horas
    else
        ValorHora = "" + horas
 
    //establece los minutos
    if (minutos < 10)
        ValorHora += ":0" + minutos
    else
        ValorHora += ":" + minutos
            
    //establece los segundos
    if (segundos < 10)
        ValorHora += ":0" + segundos
    else
        ValorHora += ":" + segundos
        
    ValorHora += meridiano
    document.reloj12.digitos.value = ValorHora
 
    //si se desea tener el reloj en la barra de estado, reemplazar la anterior por esta
    //window.status = ValorHora
 
    RelojID12 = setTimeout("MostrarHora12()",1000)
    RelojEjecutandose12 = true
}
 
function IniciarReloj12 () {
    DetenerReloj12()
    MostrarHora12()
}
 
window.onload = IniciarReloj12;
if (document.captureEvents) {           //N4 requiere invocar la funcion captureEvents
    document.captureEvents(Event.LOAD)
}
 
   
</script>

y para usarlas:

La fecha

Código Javascript:

Ver original<script type="text/javascript">
    MostrarFecha();
</script>

y la hora:

Código HTML:

Ver original<div class="recuadro3">  
<form name="reloj12">  
<input type="text" size="14" name="digitos">  
</form>
</div>

paskuini · #3 (**permalink**) 26/07/2011, 01:30

datcom · #4 (**permalink**) 26/07/2011, 06:47

Buenisimo ahora mi pregunta era (y por eso la paciencia y la dedicacion) como puedo ubicar dentro de un div para ponerlo en alguna parte precisa de la pagina y no solo arriba a la izq.

Gracias!

paskuini · #5 (**permalink**) 20/10/2011, 05:15

<div>
<script>
var time = new Date()
</script>
</head>
<body>
<script>document.write(time);</script>
</div>