funciones Javascript – setInterval() clearInterval() setTimeout() – 2
- diciembre 24, 2009
- 5 comentario/s
- Javascript Tags: tutoriales
Tras comprobar el éxito del post sobre las funciones javascript de setInterval(), clearInterval y setTimeout() y darme cuenta que este post lo he escrito y estaba en ingles, lo he querido traducir y reducirlo un poco para aclarar mas las diferencias.
setInterval()
Este método es utilizado para ejecutar repetidamente una función en un intervalo establecido.
El formato de este método es:
window.setInterval("functionName()",tiempo);El primer parámetro (“functionName()”) es el nombre de la función que desea ejecutar.
Observa que el nombre de la función está entre comillas. Es tratado como una cadena para evitar que se ejecute de inmediato. El segundo parámetro (tiempo) es la cantidad de la demora en milisegundos, entre cada vez que la función se ejecuta (1 minuto = 60000 milisegundos).
Esto es útil en la animación, para la rotación de imágenes en una galería o tal vez refrescar la pantalla.
Por ejemplo, para volver a cargar una página después de un intervalo de 10 minutos (600.000 milisegundos), prueba este script:
function reFresh() {
location.reload(true)
}
window.setInterval("reFresh()",600000);
clearInterval()
Este método se utiliza para detener el bucle cronometrado que se inició con el método setInterval () anterior.
El formato es:
window.clearInterval(varName);
Con el fin de utilizarlo, el bucle debe ser asignado a una variable.
Volvamos a nuestro script actualiza la página anterior.
Sólo tenemos que añadir la palabra reservada var delante del bucle setInterval()
function reFresh()
{
window.open(location.reload(true))
}
var repeticion = window.setInterval("reFresh()",600000);
Entonces podríamos crear un botón para detener la actualización de la página.
<form> <input type="Button" value="Parar Refresco Página" onclick="window.clearInterval(repeticion);"> </form>
setTimeout()
Este método se utiliza para ejecutar una función de JavaScript después de una determinada cantidad de tiempo. (El nombre es un poco engañoso. No se detiene el script para un período de tiempo, sino que espera un período de tiempo antes de empezar.)
A diferencia del método setInterval (), sólo se ejecuta una vez.
El formato es:
window.setTimeout("functionName()",tiempo);Tags de búsquedas:
setInterval javascript, clearinterval, settimeout jquery, javascript setInterval, clearinterval javascript, jquery settimeout, setinterval jquery, detener setInterval javascript, jquery setinterval, javascript detener setinterval
Posts Relacionados:
- funciones Javascript – setInterval() clearInterval() setTimeout() ESTE POST HA SIDO ACTUALIZADO Y TRADUCIDO, CONSULTARLO EN: funciones Javascript – setInterval() clearInterval() setTimeout() – Parte 2 setInterval() This method is used to repeatedly execute a function at a...
- propiedades y métodos del objeto window de Javascript Es el objeto que esta más alto dentro de toda la jerarquía y el encargado de representar la ventana del navegador donde se esta visualizando la pagina. Si utilizamos un...
- Cadenas en JavaScript. Parte 1 Hace unas semanas que he recibo 2 libros de Javascript que me he comprado en Amazon y estoy empezando poco a poco a leerlos. Intentaré todo lo que pueda ir...
- Revelar las contraseñas con Javascript Interesante manera para obtener las contraseñas de un formulario con este simple fragmento de código javascript, que te muestra en un popup el contenido de los campos pass con *...
- obtener el nombre del dominio con javascript Pues algo que acabo de hacer y no sabía. Sacar el nombre del dominio de la web en la que estás. Mediante JavaScript podemos obtener la información del dominio de...

Te ha ayudado el artículo? Colabora!
RSS Feed
Alguien me podria ayudar con jquery y javascript? tengo el problema de que al ejecutar un fragmento de código en el que consulto a php con el método $.post, despues recojo lo que el post me devuelve y segun el valor de lo que me traiga pinto un html u otro, y el problema parece ser que está en la rapidez con que se ejecuta el código porque si ejecuto paso a paso el código con el firebug si que se me genera el html que quiero, pero si lo ejecuto normal, no se genera. Un saludo.
Este es el código
var mchecks;
function set_var(x){
mchecks = x;
}
$.post(‘wdCalendar/consultachecks.php’,{cita: e.event[0]},
function(data){
mchecks=data;
set_var(mchecks);
});
if(mchecks==’S,N’){
icons.push(“ “);
} else if(mchecks==’S,S’){
icons.push(“ “);
} else if(mchecks==’N,S’){
icons.push(“ “);
} else if(mchecks==’N,N’) {
icons.push(“ “);
}
Bien explicado! voy a usarlo en combinación con cookies y el api de google+ espero que me funcione
Gracias… muy bien explicado y fácil.
Muy bueno el articulo. Pero existe alguna forma de poder usar el clearInterval() sin que el setInterval sea global. Porque lo he intentado y parece no funcionar si el setinterval se declaro en una funcion como varible local.
Pues entonces cuando lo hice, creo que yo tampoco pude hacerlo.
Intenta usar estas funciones con un plugin de Jquery, que a lo mejor tiene más flexibilidad.
Échale un ojo a esto: http://plugins.jquery.com/project/at_intervals