Elite Coders
Blink tag in javascript
Hiya guys,
I was just wondering about the html blink tag. I know it doesnt work in all browsers, but I also know that you can acheive the same effect using javascript, so would you guys possibly be able to teach me some javascript that would do the equivalent of a blink tag for all browsers?
thanks,
bernie
Last edited by bernie1227; 05-16-2012 at 10:13 AM.
Administrator
Here's a simple example. When the page loads, the function blink1() is called. This then sets the divs style.display to block (visible).Code:<!DOCTYPE html> <html> <head> <script type="text/javascript"> var blinkLength = 500; function blink1(){ document.getElementById('div1').style.display = "block"; t1=setTimeout("blink2()",blinkLength); } function blink2(){ document.getElementById('div1').style.display = "none"; t2=setTimeout("blink1()",blinkLength); } </script> </head> <body onload="blink1()"> <div id="div1">Div Text</div> </body> </html>
It then waits 500 miliseconds before triggering blink2(). This then sets the divs style.display to none (invisible).
The variablevar blinkLength = 500;is the number of miliseconds you want it to wait inbetween hides/unhides.
Hope this helps.
Keyboard1333
P.s. - Welcome to the forums bernie1227
bernie1227 (05-16-2012)
Administrator
If this thread is finished, please set it to resolved.
You can do this by editing the first post within the thread - Pressing go advanced - Then where it says no prefix, selecting resolved then save.
Posting Permissions
Reply With Quote
Bookmarks