reloj-digital/app.js at master · macu-dev/reloj-digital · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
(() =>{

const cambiarHora = () => {

  let fecha = new Date (),
      horas = fecha.getHours(),
      ampm,
      dia = fecha.getDate(),
      minutos = fecha.getMinutes(),
      segundos = fecha.getSeconds(),
      diaSemana = fecha.getDay(),
      mes = fecha.getMonth();
      anio = fecha.getFullYear();

  let hrs = document.getElementById('hora'),
      min = document.getElementById('minutos'),
      seg = document.getElementById('segundos'),
      am_pm = document.getElementById('periodosDia'),
      dia_semana = document.getElementById('diaSemana'),
      dias = document.getElementById('dia'),
      meses = document.getElementById('mes'),
      anios = document.getElementById('año');

  let Semana = ['Domingo', 'Lunes','Martes','Miercoles','Jueves','Viernes', 'Sabado'];

  let month = ['Enero', 'Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'];

  dia_semana.textContent = Semana[diaSemana];

  dias.textContent = dia;

  meses.textContent = month[mes];

  anios.textContent = anio;


  if(horas == 0 ){
    horas = 12;
  };

  hrs.textContent = horas;


  if(minutos < 10){
    minutos ='0' + minutos;
  };

  if(segundos < 10 ){
    segundos = '0'+segundos;
  };

  min.textContent = minutos;

  seg.textContent = segundos;

  if(horas >= 12){
    horas = horas - 12;
    ampm = 'pm';
  }else{
    ampm = 'am';
  }

  am_pm.textContent = ampm;

};

  cambiarHora();

  setInterval(() => {cambiarHora()},1000);

})();