Como configurar un timer en javascript, ejecutar un evento luego de un tiempo

Muchas veces en javascript necesitamos ejecutar una accion cada cierto tiempo , para ello utilizamos las funciones setTimeOut y setInterval. Para hacer más fácil su utlizaciones este código fuente javascript hace de interfaz para ejecutar todos los eventos que necesitemos con intervalos definidos

Básicamente con este código fuente javascript se puede hacer que por javascript se cuenten segundos para luego ejecutar una acción.

var secs
var timerID = null
var timerRunning = false
var delay = 1000

function InitializeTimer()
{
    // Set the length of the timer, in seconds
    secs = 10
    StopTheClock()
    StartTheTimer()
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}

function StartTheTimer()
{
    if (secs==0)
    {
        StopTheClock()
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
        alert("You have just wasted 10 seconds of your life.")
    }
    else
    {
        self.status = secs
        secs = secs - 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
    }
}

Fuente: mcfedries

This entry was posted in JavaScript. Bookmark the permalink.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>