I just tried to express as better as i can what probably you would try to accomplish, this is actually still not have the expected behaviour but with the snippet you provide you may agree with me is not easy.
I’ll give you an example plunkr that you can edit in order to help you:
Plunkr
function blinker()
{
if(document.getElementById("blink"))
{
var d = document.getElementById("blink") ;
d.style.color= (d.style.color =='red' ? 'white' : 'red');
setTimeout(blinker(), 500);
}
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackoverflow.com/questions/34419976/style.css">
<script src="script.js"></script>
</head>
<body bgcolor="#F0F0c0" onload="blinker()">
<span style="font-weight:bold; font-size:30px;">Type of Alarm:</span>
<div id="blink">Fire</div>
<span style="font-weight:bold; font-size:30px;"># of Employees Clocked In:</span>
<div id="blink">5</div>
</body>
</html>
1
solved HTML Blinking text for all browser but in different areas of the body