Ajude o desenvolvimento do site, compartilhando o artigo com os amigos!
Visão geral do atraso do jQuery()
JQuery delay() é um método pré-definido disponível em javascript, que é usado para definir e definir um valor de timer para executar o próximo código após o período de tempo definido. A sintaxe para esta função é ‘($selector). delay (speed.name), onde speed.name representa o valor do delay e name é um parâmetro opcional usado para dar título a esta função na fila de execução. Esta função está disponível em muitas linguagens de programação de desenvolvimento de aplicativos baseados na web e a extensão jQuery do javascript facilita o usuário com opções como a função delay().
Sintaxe:
($seletor) . atraso (velocidade, Nome)Existem dois parâmetros usados nele que são explicados abaixo:
- Velocidade Parâmetro: Velocidade é um parâmetro opcional que é usado para especificar a velocidade de atraso. O valor da velocidade pode ser passado como um inteiro em milissegundos ou outros dois valores lentos e rápidos.
- Parâmetros de nome: Nome também é um parâmetro opcional usado para especificar o nome da fila. O efeito de fila padrão “fx” é o valor padrão do parâmetro name.
Exemplos de atraso do jQuery()
Existem diferentes tipos de exemplos de delay() listados abaixo com diferentes condições:
Exemplo 1
Aqui estamos usando o método delay() com um valor inteiro. Em seguida, escrevemos o código HTML para entender o efeito delay() do jQuery mais claramente com o exemplo a seguir.
Código:
Esta mensagem é exibida em 4 segundos
Saída:
A saída do código acima é -
Depois de clicar no botão Clique aqui, a saída é -
No código acima o método delay( ) passa o 4000 que é 4 segundos, então a caixa vermelha com o texto aparece após 4 segundos, pois para essa tag div o método delay( ) é aplicado.
No código acima o método fadeIn( ) também está sendo usado. O uso do método fadeIn( ) é para alterar gradualmente a opacidade dos elementos selecionados de oculto para visível como efeito de desvanecimento. O método fadeIn( ) aceita opcionalmente três parâmetros, mas no código acima não estamos passando nenhum dos parâmetros.
Exemplo 2
Aqui estamos usando o método delay( ) com valor “slow”. Próximo código de exemplo onde o valor lento está passando para o método jQuery delay( ) conforme indicado abaixo.
Código:
Esta mensagem está sendo enviada pelo valor lento no método delay().
Saída:
A saída do código acima é -
Depois de clicar no botão Clique aqui, a saída é -
Exemplo 3
Aqui estamos usando o método jQuery delay() com valor “fast”. Próximo código de exemplo onde o valor lento está passando para o método jQuery delay() conforme indicado abaixo.
Código:
Esta mensagem está sendo enviada pelo valor rápido no método delay().
Saída:
A saída do código acima é -
Depois de clicar no botão Clique aqui, a saída é -
Exemplo 4
Exemplo do método jQuery delay( ) com valores diferentes. Em seguida, escrevemos o código HTML para o exemplo do efeito jQuery delay() onde estamos usando os três valores slow, fast e milissegundos.
Código:
Esta mensagem está sendo enviada pelo valor lento no método delay().
Esta mensagem está sendo enviada pelo valor rápido no método delay().
Esta mensagem está sendo distribuída por um valor de 2 segundos no método delay().
Saída:
A saída do código acima é -
Depois de clicar no botão Clique aqui, a saída é -
Reescrevemos o código acima e aqui estamos passando o valor da velocidade para o método fadeIn(), para que cada caixa que estamos exibindo aqui pelo efeito fade seja exibida com alguma velocidade (que é passada) de o efeito fade.
Código:
Esta mensagem está sendo enviada pelo valor lento no método delay().
Esta mensagem está sendo enviada pelo valor rápido no método delay().
Esta mensagem está sendo distribuída por um valor de 2 segundos no método delay().
Saída:
A saída do código acima é -
Depois de clicar no botão Clique aqui, a saída é -
