9

O delay dessa função em jquery não esta pegando, queria saber o motivo, ou um outro jeito de fazer um delay no mesmo.

$("header").delay(1000).css("display", "none");
$(".logo_1").delay(2000).css("display", "none");

OBS: Já olhei todo o api do jquery esta correto como eu fiz mas não pega.

2 Respostas 2

10

O mais simples parece-me usar o setTimout e o .hide() (o .hide() faz o mesmo que .css('display', 'none')):

setTimeout(function () {
    $("header").hide();
}, 1000);
setTimeout(function () {
    $(".logo_1").hide();
}, 2000);

Exemplo

O jQuery tem um "fila de espera" .queue() para poder encadear funcções. Neste caso o aspeto seria assim:

$("header")
    .delay(1000)
    .queue(function (next) {
    $(this).css('display', 'none');
});
$(".logo_1")
    .delay(2000)
    .queue(function (next) {
    $(this).css('display', 'none');
});

Exemplo

A razão pela qual o seu código não funcionou dá para ler na página da documentação do jQuery:

o método .delay() permite atrasar a execução de funções que estão numa queue. Pode ser usada com uma queue de efeitos ou uma queue customizada.

9

O método delay só vale para animações, e esconder um elemento sem fade, somente manipulando a propriedade display, não envolve animação.

Um breve fadeOut deve resolver:

$("header").fadeOut(100);
$(".logo_1").delay(2000).fadeOut(100);

Ou (mesmo efeito):

$("header").hide(100);
$(".logo_1").delay(2000).hide(100);

Você verá o delay entre os dois fades. Se quer um delay no início e não houver nenhuma animação pendente antes dessas, use um setTimeout:

setTimeout(function(){
    $("header").hide(100);
    $(".logo_1").delay(2000).hide(100);
}, 1000);
2
  • estou usando exatamente isso, ultilizo fadeIn() - delay() - fadeOut() (8 segundos) para exibir um alerta pro usuário, mas no próprio alerta, resolvi colocar um botão para o usuário dar dismiss fadeOut() no alerta, antes dos 8 segundos, más não funciona, o fadeOut só executa depois do delay(), tem como forçar a parada do delay() ?
    – HUGO PABLO
    Commented 10/05/2018 às 18:31
  • api.jquery.com/clearQueue @hugopablo
    – bfavaretto
    Commented 10/05/2018 às 18:51

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .