alguien sabe como hacer una PAGINA WEB que muestre numeros de por ejemplo del 1 al 100 y que al llegar a 100 vuelva a poner a 1? y que puedes cambiar el tiempo entre número y número .
Usando html , javascript o cualquier cosa que fuera necesaria. Gracias :)
¿Quiso decir algo así?
let countArea = document.getElementById('count-area'); let speedInput = document.getElementById('speed'); let speed = Number(speedInput.value); function setSpeed() { speed = Number(speedInput.value) } function count() { if (100 > Number(countArea.textContent)) { countArea.textContent = Number(countArea.textContent) + 1; } else { countArea.textContent = 0; }; setTimeout(count, speed) } count() speedInput.addEventListener('change', setSpeed)
<!doctype html> <html> <head> <title>Number counter</title> </head> <body> <p id="count-area">0</p> <input type="range" id="speed" min="50" max="1000"> </body> </html>
No estoy seguro de entender lo que quieres decir. Si te refieres a un script que escribe números del 1 al 100 varias veces, esto puede funcionar:
<div id='somediv'></div> <script> var times = 4; for (var n=1;n<times;n++){ for (var i=1;i<101;i++){ somediv.innerHTML+='<br>'+i } } </script>
Para establecer un retraso entre ellos, puede agregar un tiempo de espera como aquí: https://www.w3schools.com/jsref/met_win_settimeout.asp Dependiendo de qué manera desee ese retraso, el resto será diferente.
Para cambiar cuántas veces escribirá 1-100, cambie el valor de 'veces', actualmente lo escribirá 1 vez menos que el número (es decir, 3 veces), también puede cambiar eso.
Editar: ¡Aha! Ok, entonces esto puede hacer algo similar:
<div id='somediv'></div> <script> setInterval(displayCounter, 1000); var i=0; function displayCounter() { document.getElementById("somediv").innerHTML = i; i=i+1; if (i==100){i=1}; } </script>
Pasará de 0 a 100 y luego comenzará de nuevo desde 0. Actualmente tiene 1 segundo de diferencia (1000 milisegundos). Puede hacerlo más o menos cambiando el 1000 a otra cosa (3000 serán 3 segundos).
Edición 2:
{<br> "number":"<span id='somediv'></span>"<br> } <script> setInterval(displayCounter, 100); var i=0; function displayCounter() { document.getElementById("somediv").innerHTML = i; i=i+1; if (i==100){i=1}; } </script>
Si quieres que empiece desde 1 cambio: var i=0; a var i=1;
Si quieres que sea más o menos entonces 100 cambia: si (i==100)... a 50 por ejemplo sería: si (i==50)...
Y no se me ocurre nada más. Para el estilo puede usar css en #somediv.
Edición 3:
{<br> "number":"<span id='somediv'></span>"<br> } <script> setInterval(displayCounter, 1000); var i = new Date().getSeconds(); function displayCounter() { document.getElementById("somediv").innerHTML = i; i=i+1; if (i==100){i=1}; } </script>
Esto iniciará el contador (1-100) desde los segundos actuales del reloj. No estoy seguro de que sea igual para todos, sin embargo, el navegador puede cargar más lento en algunos lugares u otros factores.
Edición 4:
{<br> "number":"<span id='somediv'></span>"<br> } <script> setInterval(displayCounter, 1000); var i = new Date().getSeconds(); if (i>0){somediv.innerHTML = i-1 ;} else if (i==0){somediv.innerHTML = 100} function displayCounter() { document.getElementById("somediv").innerHTML = i; i=i+1; if (i==100){i=1}; } </script>