Skip to main content
Reversão para edição 1
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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>

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( 2700 ).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( 2700 ).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>

Seu código está funcionando, mas tem colocá-lo APÓS o if:

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( 3000 ).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( 3000 ).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>

adicionou 120 caracteres ao conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

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( 30002700 ).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( 30002700 ).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>

Seu código está funcionando, mas tem colocá-lo APÓS o if:

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( 3000 ).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( 3000 ).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>

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( 2700 ).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( 2700 ).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>

Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Seu código está funcionando, mas tem colocá-lo APÓS o if:

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( 3000 ).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( 3000 ).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>