<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blink using JavaScript</title>
<style>
#myBlinkingDiv { transition:opacity 0.6s ease; }
</style>
<script>
blink_speed = 1300; // every 1000 == 1 second, adjust to suit
Btimer = setInterval( function () {
var Bele = document.getElementById('myBlinkingDiv');
Bele.style.opacity = (Bele.style.opacity == '0' ? '1' : '0');
}, blink_speed);
function stopBlink(id) { clearInterval(Btimer); } // stop blinking
</script>
</head>
<body>
<div id="myBlinkingDiv" onclick="stopBlink(this.id)">Processing your request...</div>
</body>
</html>