Qué cosas tiene mi niña bonita, la IA.
Mira, le he pedido que me hiciera un código para un reloj muy sencillo que funcione con secundero para ponerlo en cualquier lugar del blog. Y me ha hecho esto que funciona perfectamente.
Mira, le he pedido que me hiciera un código para un reloj muy sencillo que funcione con secundero para ponerlo en cualquier lugar del blog. Y me ha hecho esto que funciona perfectamente.
Claro, puedo proporcionarte un ejemplo simple de código HTML, CSS y JavaScript para agregar un reloj en el pie de tus artículos en un blog. Puedes copiar y pegar este código en la sección de tu artículo donde quieras que aparezca el reloj.
```html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#reloj {
font-size: 18px;
text-align: center;
margin-top: 20px;
color: #333;
}
</style>
</head>
<body>
<!-- Contenido de tu artículo -->
<div id="reloj"></div>
<script>
function actualizarReloj() {
const ahora = new Date();
const horas = ahora.getHours().toString().padStart(2, '0');
const minutos = ahora.getMinutes().toString().padStart(2, '0');
const segundos = ahora.getSeconds().toString().padStart(2, '0');
const horaActual = `${horas}:${minutos}:${segundos}`;
document.getElementById('reloj').innerHTML = horaActual;
}
// Actualizar cada segundo
setInterval(actualizarReloj, 1000);
// Llamar a la función para mostrar el tiempo actual al cargar la página
actualizarReloj();
</script>
</body>
</html>
```
Este código crea un reloj simple que muestra la hora actual en el formato HH:mm:ss en la parte inferior de tus artículos. Puedes personalizar el estilo del reloj cambiando las propiedades CSS en la sección correspondiente. ¡Espero que esto sea lo que estás buscando! Si tienes alguna pregunta o necesitas más ajustes, no dudes en preguntar.
>
Cap comentari:
Publica un comentari a l'entrada