Javascript
Viendo artículo
Desarrollador: No estás conectado
Fecha: 21/03/2020 1:05:52
Reloj Analógico
En esta ocasión os traigo un pequeño programa. Un reloj analógico. Sencillo y fácil de hacer pero muy efectivo para tener la hora siempre disponible desde un navegador.Más adelante ampliaré el programa para ponerle unas alarmas y más opciones que vosotros me indiquéis.Consta de tres archivos. El HTML donde mostramos la hora en objetos DIV, el js con el código Javascript y un CSS para dar formato a la presentación de la fecha y la hora.
Index.html
<!DOCTYPE html>
<html lang="es-ES">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/main.css">
    <title>Reloj Analógico</title>
  </head>
  <body>
    <div id="divReloj">
      <div id="divHora">00</div>
      <div id="s1">:</div>
      <div id="divMinuto">00</div>
      <div id="s2">:</div>
      <div id="divSegundo">00</div>
    </div>
    <div id="divFecha"></div>
      <script src="js/reloj.js"></script>
  </body>
</html>
reloj.js
Declaraciones de variables
var divH = document.getElementById("divHora");
var divM = document.getElementById("divMinuto");
var divS = document.getElementById("divSegundo");
var fecha = document.getElementById("divFecha");

var hora;
var minuto;
var segundo;
var vhora;
var vminuto;
var vsegundo;
var momentoActual;
var dias = new Array('domingo','lunes','martes','miercoles','juev es','viernes','sabado')
var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
La función que pone en marcha el reloj y nos devuelve la fecha y hora actual.
function mueveReloj(){

	momentoActual = new Date()

	/* COGER LA HORA ACTUAL */
	hora = (momentoActual.getHours() == 0) ? 23 : momentoActual.getHours() - 1;
	hora = (hora < 9) ? "0" + hora : hora;
	minuto = (momentoActual.getMinutes() < 9) ? "0" + momentoActual.getMinutes() : momentoActual.getMinutes();
	segundo = (momentoActual.getSeconds() < 9) ? "0" + momentoActual.getSeconds() : momentoActual.getSeconds();

	/* COGER LA FECHA ACTUAL */
	var dd = momentoActual.getDate();
	var mm = momentoActual.getMonth()+1; //January is 0!
	var yyyy = momentoActual.getFullYear();
	dd = (dd < 9) ? "0" + dd : dd;
	var today = dd+'/'+mm+'/'+yyyy;

	fecha.innerHTML = dias[momentoActual.getDay()] + " " + dd + " de " + meses[momentoActual.getMonth()] + " de " + yyyy;
	divH.innerHTML = hora;
	divM.innerHTML = minuto;
	divS.innerHTML = segundo;

	setTimeout("mueveReloj()",1000)

};
mueveReloj();
Main.css
*{
  padding: 0;
  margin: 0;
}
body{
  background-color: black;
}
#divReloj{
  position: relative;
  color: #2bde73;
  font-size: 60px;
  font-family: Verdana, sans-serif;
  display: flex;
  height: 80px;
  width: 285px;
}
#divFecha{
  position: relative;
  color: #00a0dc;
  font-size: 14px;
  font-family: Verdana, sans-serif;
  width: 280px;
  text-align: center;;
}