Tabla de contenido:

Simulador de reloj de palabras configurable: 3 pasos
Simulador de reloj de palabras configurable: 3 pasos

Video: Simulador de reloj de palabras configurable: 3 pasos

Video: Simulador de reloj de palabras configurable: 3 pasos
Video: Redmi Watch 3 Active CÓMO FUNCIONA (La guía + completa) 2024, Mes de julio
Anonim
Simulador de reloj de palabras configurable
Simulador de reloj de palabras configurable

Esto no es exactamente un Instructable. Estoy diseñando mi propio Word Clock y decidí construir primero un simulador de aplicación web para poder diseñar la cuadrícula y probar cómo se ve en varios momentos del día. Entonces me di cuenta de que esto podría ser útil para otras personas que trabajan con relojes de palabras y decidí compartirlo.

La aplicación es un solo archivo HTML corto. Si lo guarda y hace doble clic en él, se abrirá en su navegador y comenzará a mostrar la hora actual. Luego, actualizará la pantalla cada 10 segundos si la hora ha cambiado.

También hay un campo de texto donde puede escribir en cualquier momento específico y ver cómo se verá en su proyecto.

El diseño del reloj de palabras de cada persona es diferente, así que intenté configurar el código fácilmente. Consulte los siguientes pasos para obtener sugerencias sobre cómo hacerlo.

¡Espero que encuentres esto útil! ¡Es genial poder experimentar con diseños y redacción antes de comprometerse con el hardware!

Paso 1: descargue el archivo HTML

El simulador es una aplicación web de un solo archivo. Son poco menos de 200 líneas. Puedes descargarlo aquí.

(En realidad, no hay un botón para descargar el archivo en Github. Pero puede seleccionar el contenido del archivo, copiarlo y pegarlo en un nuevo archivo de texto en su computadora. Asegúrese de nombrar el archivo como algo.html).

Una vez que lo haya descargado, haga doble clic en el archivo y se cargará en una pestaña en su navegador. Debería ver la hora actual mostrada en una cuadrícula de palabras.

Nota: Solo probé la aplicación con Chrome en Windows.

Paso 2: editar la cuadrícula

Puede probar diferentes diseños de palabras editando la parte de Javascript que se ve así:

var row_strs = ["ES", "UNO DOS TRES", "CUATRO CINCO SEIS", "SIETE OCHO", "NUEVE DIEZ", "ONCE DOCE", "OH CINCO DIEZ", "QUINCE VEINTE", "TREINTA EN EL RELOJ", "CUARENTA CINCUENTA Y CINCO", "EN LA TARDE", "EN LA NOCHE MAÑANA",];

Si agrega / elimina filas y vuelve a cargar la página, su cuadrícula será más grande o más pequeña.

Y si agrega más letras a cada fila, su cuadrícula se ensanchará. Solo asegúrate de que todas las filas tengan el mismo número de letras.

Notará que las cadenas en el código anterior tienen espacios, pero se convierten en caracteres aleatorios en la cuadrícula. Puede elegir el conjunto de caracteres que se usarán aleatoriamente para llenar esos espacios editando la línea que se ve así:

var RANDCHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ @ # $% &";

Paso 3: cambia la redacción

Necesitará saber cómo escribir código si desea usar diferentes frases. La lógica que toma una fecha y la convierte en palabras está en la función llamada dateToSentence ().

Recomendado: