Relojes HTML5

alexoleron -  
 Lubar -
Hola,
Me gustaría conocer el procedimiento para realizar una reloj en html5, y cómo hacer que funcione en mi ordenador, llevo mucho tiempo haciendo numerosos relojes en flash, pero desafortunadamente flash pronto ya no será compatible, ¿existe alguna forma de transformar Flash en HTML ?? el sitio mío "alexoleron.com"
Cordialement
Alexeline

5 respuestas

  1. Guydu41100
     
    Hola,
    Acabo de crear un sitio web para una asociación de excursionistas con Google Sites.
    En algunas páginas he incluido un widget de reloj gratuito y simple que funciona muy bien.
    Si les interesa, podría darles el enlace.
    Buenas tardes.
    Guy
    1
    1. alexoleron
       
      Hola Guy,
      ¿Podrías enviarme un modelo simple que pueda modificar para entender bien el funcionamiento?
      Atentamente
      Alexeline
      0
  2. alexoleron
     
    Hola y gracias por esta respuesta rápida,
    Voy a leerla y releerla, pero lo que realmente me ayudaría es un modelo, incluso simple, que pudiera hacer funcionar en mi ordenador, que pudiera modificar para entender lo que hago.
    ¿Qué software necesito para hacer funcionar el script?
    ¿Luego puedo ejecutarlo directamente en mi ordenador?
    Mis preguntas pueden parecer ingenuas, pero cuando se empieza algo hace falta un mínimo de explicación, tengo casi 80 años y todo lo que sé lo aprendí en la red.
    Aprendo bastante rápido, pero necesito un mínimo de explicación.
    De nuevo gracias por tu ayuda.
    Atentamente
    Alexeline
    0
    1. dugenou Mensajes publicados 6262 Estado Colaborador 1 455
       
      No tengo un modelo para darte, pero está bastante bien explicado en los distintos sitios encontratos con la búsqueda.

      Solo necesitas un navegador para mostrar este tipo de reloj en HTML, CSS y JavaScript.
      0
    2. TomMerylin
       
      Hola,
      para explicaciones lo más sencillo es que investigues por ti mismo, comenzando por las generalidades para ir hacia un objetivo específico.
      Sin ser inabordable para nadie, esto presupone conocimientos de técnicas y tecnologías.

      ¿Hablas de HTML en su versión 5 pero practicas HTML?
      Lo que pides se refiere a otras tecnologías que están asociadas al HTML y se entrelazan en el texto de este lenguaje.
      HTML es la presentación de los contenidos y su nomenclatura, un texto equivalente a una lista de compras, excepto que el contenido no es HTML, está incluido.

      Para escribir en un texto (HTML es el "lenguaje de marcado de hipertexto" HyperText Markup Language en inglés) se pone a disposición una imagen indicando su dirección en la red que permite cargarla y mostrarla en el navegador.

      La separación se hace entre el contenido y la forma. Por ejemplo, los textos mostrados en la página se indican de forma diferente dependiendo de si son párrafo, título u otra naturaleza...
      La maquetación, presentación como marcos, colores, tamaños de los textos se modifica mediante una tecnología adicional que se acopla/incluye en el archivo de texto de HTML.
      Es CSS el que permite tener una presentación/maquetación. Idealmente está en un archivo externo cargado por HTML.

      Lo mismo ocurre con JavaScript, que también puede estar incluido en HTML.
      JavaScript es un lenguaje de programación (lo que no son HTML, CSS ni una imagen) y permite instrucciones y funciones.
      Se utiliza especialmente para las páginas web (HTML), especialmente para reaccionar a eventos provocados por el usuario: la interactividad.
      En el caso de una animación o de cambiar la visualización de un contenido (como actualizar el texto de la hora) es especialmente práctico porque ya puede obtener la hora para poder mostrarla en el HTML.

      Esto es mucho más simple en principio de lo que es explicarlo.
      Por eso encontrarás mejores informaciones y aprenderás mejor haciendo tus propias búsquedas y según las palabras clave técnicas y los puntos que te parezcan oscuros.
      Aún mejor, dado que varias tecnologías están involucradas, será necesario practicar y eso sigue siendo indispensable para todo lenguaje.

      Encontrarás fácilmente cursos completos para todos los niveles para seguir y realizar.
      Luego, si solo buscas el resultado, eso exigirá mucho menos esfuerzo.
      Te bastará copiar un script ya hecho en el lugar necesario.
      Pero hace falta saber, al menos, de qué se trata en las grandes líneas.

      ===> (motor de búsqueda)===>' aprender HTML, aprender JavaScript, script de reloj, ...etc...
      multiplíca las búsquedas y no te limites a una fuente

      Esto sigue siendo una cosa básica y un buen ejemplo de aprendizaje es un reloj que va a cambiar la visualización de un elemento de la página. Aporta la noción de bucle y de una acción (programación) realizada a intervalos regulares: aquí cada segundo.

      Buen trabajo para adquirir algunas bases escribiendo los archivos de un sitio.
      0
      1. alexoleron > TomMerylin
         
        Hola y gracias,
        He tomado nota de sus explicaciones; en realidad estoy buscando un modelo de reloj en HTML, para poder hacerlo funcionar y entender bien cómo manejarlo. tal vez he buscado mal, pero no he encontrado nada.
        Con un modelo podría modificarlo y entender lo que hago; he creado muchas horas en Flash, pero necesito reciclarme, Flash está casi obsoleto.
        Atentamente
        Alexeline
        mi correo ***@***
        0
  3. telliak Mensajes publicados 3652 Fecha de registro   Estado Miembro Última intervención   885
     
    El sitio indicado está clasificado como peligroso por Norton:
    BLOQUEADO POR NortonLifeLock
    Página web peligrosa bloqueada
    Has intentado acceder a:
    http://alexolero n .com/
    Se trata de una página web peligrosa conocida. Se recomienda encarecidamente NO visitar esta página.

    :-(
    0
  4. Lubar
     
    Un ejemplo de reloj en JavaScript.
    Pero bueno, para aprender es sobre todo el método/sintaxis lo que cuenta y no un ejemplo que es solo anecdótico:

     <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>ejemplo de reloj JavaScript</title> <script> function timeDisp(){ let nowdate=new Date(); document.getElementById('horloge').innerHTML=(nowdate.getHours()>9?nowdate.getHours():'0'+nowdate.getHours())+':'+(nowdate.getMinutes()>9?nowdate.getMinutes():'0'+nowdate.getMinutes())+':'+(nowdate.getSeconds()>9?nowdate.getSeconds():'0'+nowdate.getSeconds()); } setInterval(timeDisp, 1000);//-- precisión hora a la segundos </script> </head> <body> <span id=horloge></span> </body> </html> 


    Podría haber descompuesto un poco y no usar la prueba en terna, pero solo para dar una idea de lo sencillo que es hacerlo... siempre que sepa los conceptos básicos de JavaScript... ejercicio de escuela en general porque abarca varias nociones básicas y da un resultado bastante fácil (5 líneas de código aquí)
    0