Seu código está funcionando, mas tem colocá-lo APÓS o if
. Mas se você quer exatamente os 3 segundos, tem que descontar o valor do fadeIn(300)
, logo o fadeOut
ficaria com 2700
:
if(status.Status === 0){
$('#sucesso').html("<div class='alert alert-success'>A foto foi alterada com sucesso!</div>");
$('#fotoCapa').val("");
}else{
$('#sucesso').html("<div class='alert alert-danger'>" + status.Status + "</div>");
}
$("div.alert").fadeIn( 300 ).delay( 27003000 ).fadeOut( 400 );
Exemplo:
if(0 === 0){
$('#sucesso').html("<div class='alert alert-success'>A foto foi alterada com sucesso!</div>");
$('#fotoCapa').val("");
}else{
$('#sucesso').html("<div class='alert alert-danger'>" + status.Status + "</div>");
}
$("div.alert").fadeIn( 300 ).delay( 27003000 ).fadeOut( 400 );
.alert{
display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="sucesso"></div>