¿Alguien me puede enviar código JavaScript sobre cómo puedo construir un retraso desde que hago clic en un botón en una página hasta que se ejecuta la función llamada mediante el clic de botón. Soy un principiante con JavaScript, y tengo un código que realiza una función cuando hago clic en un botón, y solo quiero tener un retraso de tiempo.Demora de tiempo al hacer clic
Respuesta
Este es el Javascript:
function myfunction() {
alert("delayed");
}
var delay = 1000;
setTimeout(myfunction, delay)
Esa es la esencia. Ahora necesita engancharlo en un botón en una página html: incruste la definición de función en <script>
... </script>
etiquetas y prográmelas en el método onClick.
....
<button onClick="setTimeout(myfunction, delay);">Click_And_Wait</button>
Pruebe la función setTimeout:
setTimeout(functionToExecute, 1000)
El primer parámetro es la función que se activará y el segundo es el retardo en milisegundos.
Si necesita pasar parámetros:
function clickHandler(id,value,delay)
{
setTimeout(function() { actualFunction(id, value); }, delay);
}
function actualFunction(id, value)
{
alert('button ' + id + ' has value = ' + value);
}
<input id='clickButton' type='button'
onclick='clickHandler(this.id,this.value,5000);'
value='Click Me' />
Yo sugeriría mirar en Prototype.js Especialmente si usted es nuevo desarrollador de JavaScript. El prototipo ya ha descubierto muchas de las necesidades más comunes que los desarrolladores de JavaScript quieren hacer en su código ... y Prototype lo hace de manera independiente del navegador. (hay otras librerías de JavaScript que pueden hacer esto también)
Puede hacerlo codificado en las otras respuestas ... pero he descubierto que normalmente gasto menos esfuerzo en preocuparme por los errores en mi código después de que invirtió en un buen libro y pasó 2 días leyendo sobre Prototype (o alguna otra biblioteca como jQuery) versus buscar en Internet y copiar/pegar varias partes de soluciones./shrug
- 1. jQuery Fadeout al hacer clic o después de la demora
- 2. Cambiar demora larga de clic
- 3. destino al hacer clic
- 4. Restablecer setinterval al hacer clic
- 5. Demora al cargar imágenes de fondo CSS
- 6. Demora de tiempo antes de redirigir
- 7. Eliminar DIV al hacer clic
- 8. Pulsador de Seekbar al hacer clic
- 9. markerClusterer al hacer clic en el zoom
- 10. Marcador al hacer clic con jQuery
- 11. NSButton fondo blanco al hacer clic
- 12. Jquery cambiar imagen al hacer clic
- 13. Datagridview causando IndexOutOfRangeException al hacer clic en
- 14. Jquery móvil: Cambiar tema al hacer clic
- 15. Auto-Launch JNLP al hacer clic
- 16. d3 javascript colores alternativos al hacer clic
- 17. Android: ¿Genera colores aleatorios al hacer clic?
- 18. JQuery alternar filas al hacer clic
- 19. Navegador Android borde VERDE al hacer clic
- 20. al hacer clic en evento en wx.Panel?
- 21. al hacer clic con href en JSP
- 22. Javascript desplazamiento para arriba al hacer clic
- 23. Rotar texto al hacer clic en evento
- 24. mostrar/ocultar la imagen al hacer clic
- 25. AChartEngine, obteniendo los valores de las parcelas al hacer clic
- 26. agregar tiempo de demora en la animación de css3
- 27. Hacer un enlace Negrita al hacer clic con Jquery
- 28. ¿Al hacer clic en el elemento principal, también se puede hacer clic en el elemento secundario?
- 29. Evitar disparar evento de foco al hacer clic en div
- 30. Botón de opción de verificación al hacer clic en DIV