Foros del Web » Creando para Internet » HTML »

Contenedor para fecha y hora- Gracias

Estas en el tema de Contenedor para fecha y hora- Gracias en el foro de HTML en Foros del Web. Hola amigos y hermanos! Necesito crear un contenedor para poner la fecha y la hora, que me recomiendan? Tengo esto Código HTML: Código Javascript : ...
  #1 (permalink)  
Antiguo 26/07/2011, 16:06
Avatar de datcom  
Fecha de Ingreso: enero-2011
Ubicación: Universo local, Vía láctea, Planeta Azul.
Mensajes: 216
Antigüedad: 6 años, 3 meses
Puntos: 0
Contenedor para fecha y hora- Gracias

Hola amigos y hermanos!

Necesito crear un contenedor para poner la fecha y la hora, que me recomiendan?


Tengo esto

Código HTML:
Código Javascript:

<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 originalCopiar
<script type="text/javascript">
    MostrarFecha();
</script>

y la hora:

Código HTML:
Ver originalCopiar
<div class="recuadro3">  
<form name="reloj12">  
<input type="text" size="14" name="digitos">  
</form>
</div> 

Como lo meto en un contenedor, tabla, div como lo hago?
__________________
De la Luz venimos, y hacia la Luz vamos.
Solo hay una sola verdad, y esa es el Amor.
Ayuda aquien tienes al lado y seras ayudado.
Ánimo!
  #2 (permalink)  
Antiguo 27/07/2011, 00:52
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 9 años, 11 meses
Puntos: 1567
Respuesta: Contenedor para fecha y hora- Gracias

Bueno, eso que tenés esta bastante explicito, para implementarlo

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>Reloj Dinámico</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript">
  7.     //Autor: Iván Nieto Pérez
  8.     //Función para la fecha
  9.  
  10. function MostrarFecha()  
  11.    {  
  12.    var nombres_dias = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado")  
  13.    var nombres_meses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre")  
  14.  
  15.    var fecha_actual = new Date()  
  16.  
  17.    dia_mes = fecha_actual.getDate();
  18.    dia_semana = fecha_actual.getDay();
  19.    mes = fecha_actual.getMonth() + 1;  
  20.    anio = fecha_actual.getFullYear();  
  21.    
  22.    document.write(nombres_dias[dia_semana] + ", " + dia_mes + " de " + nombres_meses[mes - 1] + " de " + anio)  
  23.    }  
  24.    
  25.    //Función para el reloj
  26.  
  27. var RelojID12 = null
  28. var RelojEjecutandose12 = false
  29.  
  30. function DetenerReloj12 () {
  31.     if(RelojEjecutandose12)
  32.         clearTimeout(RelojID12)
  33.     RelojEjecutandose12 = false
  34. }
  35.  
  36. function MostrarHora12 () {
  37.     var ahora = new Date()
  38.     var horas = ahora.getHours()
  39.     var minutos = ahora.getMinutes()
  40.     var segundos = ahora.getSeconds()
  41.     var meridiano
  42.  
  43.     //ajusta las horas
  44.     if (horas > 12) {
  45.         horas -= 12
  46.         meridiano = " P.M."
  47.     } else {
  48.         meridiano = " A.M."
  49.         }
  50.            
  51.     //establece las horas
  52.     if (horas < 10)
  53.        ValorHora = "0" + horas
  54.    else
  55.        ValorHora = "" + horas
  56.  
  57.    //establece los minutos
  58.    if (minutos < 10)
  59.        ValorHora += ":0" + minutos
  60.    else
  61.        ValorHora += ":" + minutos
  62.            
  63.    //establece los segundos
  64.    if (segundos < 10)
  65.        ValorHora += ":0" + segundos
  66.    else
  67.        ValorHora += ":" + segundos
  68.        
  69.    ValorHora += meridiano
  70. document.getElementById('digitos').innerHTML = ValorHora;
  71.  
  72.    RelojID12 = setTimeout("MostrarHora12()",1000)
  73.    RelojEjecutandose12 = true
  74. }
  75.  
  76. function IniciarReloj12 () {
  77.    DetenerReloj12()
  78.    MostrarHora12()
  79. }
  80.  
  81. window.onload = IniciarReloj12;
  82. if (document.captureEvents) {           //N4 requiere invocar la funcion captureEvents
  83.    document.captureEvents(Event.LOAD)
  84. }
  85. </head>
  86. <p>
  87. <script type="text/javascript">
  88. MostrarFecha();
  89. </p>
  90. <div id="digitos"><!-- reloj --></div>
  91. </body>
  92. </html>

En resumen en el body llamas la funcion MostrarFecha() y para que aparezca la hora creas un div con id="digitos", despues lo adornas con un poco de css.
PEro tené en cuenta que con javascript estás mostrando la fecha y hora de la máquina del cliente. Algo más fiable, deberías hacerlo con php

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 27/07/2011, 08:48
Avatar de datcom  
Fecha de Ingreso: enero-2011
Ubicación: Universo local, Vía láctea, Planeta Azul.
Mensajes: 216
Antigüedad: 6 años, 3 meses
Puntos: 0
Respuesta: Contenedor para fecha y hora- Gracias

gracias!, entonces este tema lo damos por cerrado voy ahora a php haber como hacer la fecha como me decis vos mas confiable desde un php.

PD: si sabes de un tema que ya hable de eso en el foro, me linkeas?


Gracias
__________________
De la Luz venimos, y hacia la Luz vamos.
Solo hay una sola verdad, y esa es el Amor.
Ayuda aquien tienes al lado y seras ayudado.
Ánimo!
  #4 (permalink)  
Antiguo 27/07/2011, 09:27
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 9 años, 11 meses
Puntos: 1567
Respuesta: Contenedor para fecha y hora- Gracias

Aquí:
http://www.forosdelweb.com/f18/impre...2/#post3929562

Para crear un reloj con php con algo de dinamismo, (que actualice cada minuto, por ejemplo) es un poco más complejo, porque necesitas ajax.
Fijate por ahora lo de la fecha

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: contenedor, fecha, gracias, tabla, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:48.