JQuery Wait/Atraso 1 segundo sem executar o código

Às vezes, em vários cenários, os desenvolvedores podem precisar esperar ou atrasar a execução do código por um determinado período de tempo. Por exemplo, esconda ou mostre algo após um certo atraso de animação ou aguarde uma animação ser concluída antes de iniciar outra, e assim por diante. Ajuda a melhorar a experiência do usuário. Certifique -se de que a duração do atraso seja curta, porque muito atraso tem um efeito ruim na experiência do usuário.

Este post ilustrará a maneira de esperar ou atrasar 1 segundo no jQuery.

Como esperar/atrasar 1 segundo sem executar o código usando jQuery?

No jQuery, use os seguintes métodos para atrasar a execução 1 segundo sem executar o código:

• Método ()
• Método setTimeout ()

Método 1: Espere/atraso 1 segundo sem executar o código usando o método “Atraso ()”

Use o "atraso()”Método para esperar por 1 segundo para executar o próximo código. É um método interno da biblioteca jQuery que permite criar um atraso ou interromper na execução do código. É frequentemente usado para interromper a execução da animação, mas também pode ser utilizada para introduzir um atraso entre diferentes ações.

Sintaxe
Siga a sintaxe dada para o método de atraso ():

$ (seletor).tempo de atraso).método();

O tempo será passado em “milissegundos", Como" 1000 milissegundos iguais a 1 segundo ".

Exemplo
Para usar o jQuery “atraso()”Método, é importante adicionar a biblioteca jQuery na sua tag html:

No documento HTML, criaremos dois

Tags e um botão:

Bem -vindo ao Linuxhint

Tutorial JavaScript

> Clique aqui

Anexe uma função no clique do botão usando o “clique() ”Função no jQuery. Quando o botão é clicado, as duas linhas de texto deslizam para cima usando o “deslize para cima()”Método, e a segunda linha voltará primeiro usando o“aparecimento gradual()”Método, enquanto a primeira linha será exibida após um atraso de 1 segundo usando o“ Atraso (1000) ”:

$ ("botão").clique (function ()
$ ("P.FirstMSG ").slide -up (500).Atraso (1000).Fadein (800);
$ ("P.Secondmsg ").slide -up (500).fadein (1000);
);

Saída

Método 2: Aguarda/atraso 1 segundo sem executar o código usando o método “Settimeout ()”

Você também pode usar o “setTimeout ()”Método, que é o método interno de JavaScript. É usado para adicionar um atraso ou parar na execução do código. Não é específico do jQuery, mas pode ser utilizado em qualquer aplicativo JavaScript.

Sintaxe
A seguir, a sintaxe é utilizada para o método setTimeout ():

setTimeout (function (), tempo);

Exemplo
No exemplo dado, mostraremos uma mensagem alert () após 1 segundos do botão Clique. Primeiro, criaremos um botão e texto em um documento HTML. Anexe um “ONCLICK”Evento no botão que chamará a função chamada“touchfunc ()”:

Tutorial JavaScript

Clique aqui

Crie uma função “MyFunction ()"Que será chamado em"setTimeout ()”Método:

function myfunction ()
alerta ("Bem -vindo ao Linuxhint");

Defina uma função chamada “touchfunc ()”Isso acionará o clique do botão. Ligue para o método "setTimeout ()", passando uma função e um tempo em milissegundos. A função será executada após a 1 segunda do botão Clique:

Função Atrasofunc ()
setTimeout (MyFunction, 1000);

Como você pode ver, depois de clicar no botão, a janela de alerta aparecerá após algum atraso:

Conclusão

Para atrasar a execução 1 segundo sem executar o código no jQuery, use o “atraso()"Método ou o método" setTimeout () ". ““setTimeout ()”O método não é específico do jQuery, mas pode ser usado em qualquer aplicativo JavaScript. O método "deLear ()" é comumente usado em animações, mas também pode ser utilizado para introduzir um atraso entre diferentes ações. Este post ilustrou o caminho para esperar ou atrasar 1 segundo no jQuery.