- transform-style: preserve-3d; Se le da al DIV principal, también se le da al DIV que contiene cada rueda
para que se vea la traslación
- transform: perspective(6000px); Se le da al DIV principal
- line-height: 140px; Hace que se baje el texto y se centre en el DIV
- transform:rotateX(0deg) translateZ(240px); Cada tarjeta de número se rota 10 grados para que haga la rueda
a 360, porque son 10 tarjetas, y se traslada 240px en Z para que se vean girados
- var ruedaReloj = document.getElementById(rueda); Obtendo control del DIV
- ruedaReloj.innerHTML = cadena; Le mando el código HTML que tiene cadena dentro del elemento del ID
- var hora = new Date(); Me da una variable de fecha
- Math.trunc(hora.getHours() / 10) Obtiene el cociente o parte entera
- hora.getSeconds() % 10; Obtiene el residuo