menu

Tuesday 21 April 2015

Blink Text

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dheerendra</title>
</head>

<body>
<div id="blinkText"></div>
<script>
    // Takes text to blink and id of element to blink text in
    function blinkText(text, id) {
        // Blink interval
        setInterval(blinker, 250);
       
        // Flag to see what state text is in (true or false)
        var flag = true;
       
        // Number of times to blink text
        var blinkNum = 100000;
        var i = 1;
        var divID = document.getElementById(id);
       
        function blinker() {
            if (i < blinkNum) {
                if (flag) {
                    divID.innerHTML = text;
                    flag = false;
                } else {
                    divID.innerHTML = "";
                    flag = true;
                }
               
                i++;
            } else {
                // Delete if it's still showing
                divID.innerHTML = "";
               
                // Stop blinking
                clearInterval(blinker);
            }
        }
    }
   
    blinkText("<strong class='green'>25<sup><strong>th</strong></sup>Anniversary Georgian 90 batch</strong>", "blinkText");
    </script>
</body>
</html>


Download source

No comments:

Post a Comment