Indicator Light with jQuery?

I have an image of a light off and a light on and would like it to switch back and forth between these images giving the impression a blinking light. Does anyone know of a Jquery function or plugin that can easily 开发者_运维知识库do this?

Thanks

You can do this with simple jQuery and CSS.

Define a class to represent the "on" state and toggle it using setInterval.

$(function() {
    setInterval(function() {
        $('.blinking-light').toggleClass('on');
    }, 1000);
}

The rest is just CSS.

If you want to fade between your images (which may be pretty, depending on the pictures), you could use jQuery's animation queue. Perhaps something like

    function blink()
    {
        $("#on").fadeIn(1000).delay(2000).fadeOut(1000, blink);
    }

Overlay the images so the the on image is on top of the off image.