Adam Scheinberg's Blog

Blinking Images With Javascript

Adam Scheinberg, June 3, 2008 (16 years ago)

I needed to have an image blink in one of our intranet applications today, so I wrote this quick javascript to accomodate. There aren't many good image blinker scripts online, so I'm adding mine to the mix:
Start by adding this to your javascript file:

function blinkId(id) {

	var i = document.getElementById(id);

	if(i.style.visibility=='hidden') {

		i.style.visibility='visible';

	} else {

		i.style.visibility='hidden';

	}

    setTimeout("blinkId('"+id+"')",1000);

	return true;

}

And this right before you end your <html> tag:

This will work for images, divs, spans, pretty much any block level element with an id.
Updated 8/19/2008: Fixed a copy/paste bug in this post.

Ivan

2008-08-04 15:47:48

The correct is:<br />
.....<br />
setTimeout("blinkId('"+id+"')",1000); <br />
return true;<br />
.....

Adam S

2008-08-04 15:53:19

Huh.. I typed it backwards. Obviously, I'm using the solution for real - the real code has it right. Not sure how I transposed it wrong.

2008-08-10 07:49:07

I just pinched this code (knowing very little JS) and swore for a while because it wouldn't work.

Copy and paste into TextMate resulting in some weird versions of apostrophes and quote marks, as if it was using smart quotes. I had to delete them all and retype them manually to get it to work.

Sasha

2010-03-15 05:44:26

It was exactly what I wanted. The script helped. Thanks a ton