Creating Html jQuery Blinking Text Worked in all Browsers

By Axl on

I research jQuery blink text effects, but some’s jQuery example in the other blog / sites is not working properly well and not working of all browsers eg: internet explorer, and there have a lot of jquery plugins out there can perform blinking text some others easy to set up and some are complicated.

And now I finally found a simple jquery text effects and its works fine for all modern browsers including old Internet Explorer 7 and 8 and mobile and off course working in new modern browsers.

The event of this script is turning on into color RED and turning off into no color, in jQuery adding attribute style and removing attribute per 500 millisecond, you can edit the time if you want.
Well the simple script to do using jQuery, are the code below.

See the Demo…

The Quick Brown Fox Jumps Over the Lazy Dog

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Axlmulat.com</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
<script type="text/javascript">
$(function() {

	// blinking text
	var x;
	setInterval(function() {
			if(x == 0) {
				$('.blinking_text').removeAttr('style');
				x = 1;
			} else  {
				if(x = 1) {
					$('.blinking_text').css('color', '#ff0000');
					x = 0;
				}
			}
	}, 500); // change the time if you want
});
</script>
</head>

<body>

<p class="blinking_text">The Quick Brown Fox Jumps Over the Lazy Dog</p>

</body>
</html>

In this script will add the jQuery CDN, then the script. In this blinking effect you can choose a color if you want, i put color red in my example, also you can put HEX color too, also you can change the second of blinking just change the 500.

Like this post? kindly like and share to your friend, thank you for reading clearly.