JSFiddle - React, Tailwind, and code Playground
HTML
<button id="addMoney">ADD MONEY</button>
<div id="stop">STOP</div>
CSS
button, div {
width: 120px;
height: 60px;
color: white;
font-family: 'Arial', sans-serif;
font-size: 14px;
background: lightBlue;
border: none;
margin: 50px;
}
div {
background: #FF4444;
text-align: center;
padding-top: 20px;
height: 40px;
}
div:hover {
opacity: .8;
}
JavaScript
var blink = window.setInterval(blinker1, 900)
function blinker1() {
var addMoney = document.getElementById("addMoney");
addMoney.innerHTML = " ";
setTimeout(function(){addMoney.innerHTML = "ADD MONEY"}, 300);
}
document.getElementById('stop').addEventListener('click', function(){
clearInterval(blink);
})