Necesito hacer un aviso de forma parpadeante o intermitente. El código que tengo consiste en hacer clic en un botón para luego ver un aviso que nos dice:
¡Tenga Precaución!.
Estoy intentando con el siguiente código:
caution = function(){
/*con esto solo hago aparecer un párrafo que estaba escondido*/
displayP.style.display="block";
/*aquí es donde no se que hacer necesito saber una propiedad que me permita
hacer que el aviso "tenga precaución" salga de forma intermitente*/
};
/*creo una variable que sea la equivalente al párrafo id "p-btn"*/
var boton = document.getElementById("p-btn");
/*agrego un evento al parrafo que tiene la propiedad de boton*/
boton.addEventListener("click", caution);
/*creo una variable que sea la equivalente al párrafo id "precaución"*/
var displayP = document.getElementById("precaucion");
#p-btn{background:rgba(204,0,51,0.4);padding: 5px;width: 70px;box-shadow: -2px 2px 3px #ac0033;color: white;}
#p-btn:active{box-shadow: -1px 1px 1px #890033;color: rgba(255,255,255,0.5);}
#precaucion{text-transform: capitalize; color: red; display: none;}
<div>
<p id="p-btn">click aquí</p>
<p id="precaucion">¡Tenga precaucion!</p>
</div>