Me gustaría me pudieran ayudar tengo un div que quiero que parpadee de color amarillo si el numero ingresado esta dentro del rango 5 al 8 o si esta dentro del rango de 9 en adelante parpadee de color rojo,
hasta ahora solo tengo que cuando detecta un numero solo hace cambiar al color correspondiente al div pero no hace que el color parpadee cada 2 segundos.
$( "#boton" ).click(function() {
var input = $('#input').val();
$('#numero').text(input);
if(input<=8 && input>5)
{
$("#principal").css("background-color", "yellow");
}
else if(input>=9)
{
$("#principal").css("background-color", "red");
}
else
{
$("#principal").css("background-color", "white");
}
});
.estilo{
border-style: solid;
width:100px;
height:100px;
text-align:center;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='text' id='input' placeholder="Ingrese un numero">
<button id="boton">Aplicar</button>
<br><br>
<div class="estilo" id="principal">
<p>Valor</p>
<h3 id='numero'></h3>
</div>