Timers são um aspecto importante de qualquer linguagem de programação. Como sabemos, tempo é dinheiro. Portanto, neste artigo, veremos como implementar e trabalhar com Timers em JavaScript:
Trabalhando com Timers em JavaScript
Um cronômetro é uma função que nos permite executar uma função em um determinado momento.Usando temporizadores, você pode atrasar a execução do código para que ela não seja feita no momento exato em que um evento é disparado ou a página é carregada. Por exemplo, você pode usar temporizadores para alterar os banners de anúncios em seu site em intervalos regulares ou exibir um relógio em tempo real, etc.
Existe uma função de temporizador em JavaScript:setTimeout ()
A seção a seguir mostrará como criar temporizadores para atrasar o códigoexecução, bem como como realizar uma ou mais ações repetidamente usando esta função em JavaScript.
Método Window setTimeout ()
Definição e uso:
O método setTimeout () chama uma função ou avalia uma expressão após um número especificado de milissegundos.
DICA:
- 1000 ms = 1 segundo.
- A função é executada apenas uma vez. Se você precisar repetir a execução, use o
setInterval ()método. - Use o
clearTimeout ()método para evitar que a função seja executada.
Esta função aceita dois parâmetros: a função , que é a função a ser executada e um opcional demora parâmetro, que é o número de milissegundos que representa a quantidade de tempo de espera antes de executar a função (1 segundo = 1000 milissegundos).
Valor de retorno: Ele retorna um número que representa o valor de ID do cronômetro definido.
Código: Timers em JavaScript
Aqui está o código para Timers em JavaScript que define o cronômetro de 2 minutos e quando o tempo termina o alerta de página “expira”. osetTimeout ()método chama uma função ou avalia uma expressão após um número especificado de milissegundos.
// definir minutos
restrições em sql com exemplo
var min = 2
// calcula os segundos
var segs = minutos * 60
// função de contagem regressiva é evocada quando a página é carregada
função contagem regressiva () {
setTimeout ('Decrement ()', 60)
}
// Função de decremento diminui o valor.
function Decrement () {
if (document.getElementById) {
minutos = document.getElementById ('minutos')
segundos = document.getElementById ('segundos')
// se restar menos de um minuto
// Exibe apenas o valor dos segundos.
if (segundos<59) {
segundos.valor = segundos
}
// Exibe minutos e segundos
// getminutes e getseconds é usado para
// obtém minutos e segundos
outro {
minutes.value = getminutes ()
seconds.value = getseconds ()
}
// quando falta menos de um minuto
// cor dos minutos e segundos
// muda para vermelho
se (minutos<1) {
minutes.style.color = 'red'
segundos.estilo.cor = 'vermelho'
}
// se os segundos se tornarem zero,
// então o tempo de alerta da página se esgotou
se (minutos<0) {
alerta ('tempo esgotado')
minutos.valor = 0
segundos.valor = 0
}
como implementar um hashmap
// se segundos> 0, então os segundos são diminuídos
outro {
seco--
setTimeout ('Decrement ()', 1000)
}
}
}
function getminutes () {
// minutos são segundos divididos por 60, arredondados para baixo
min = Math.floor (s / 60)
minutos de retorno
}
function getseconds () {
// leva os minutos restantes (como segundos) de distância
// do total de segundos restantes
return secs - Math.round (min * 60)
}
Tempo restante ::
:
Quando falta menos de um minuto, a cor do cronômetro muda para vermelho.
Com isso, chegamos ao fim deste artigo Timers em JavaScript. C diabos o pela Edureka, uma empresa de aprendizagem online confiável com uma rede de mais de 250.000 alunos satisfeitos espalhados por todo o mundo.
Tem alguma questão para nós? Mencione isso na seção de comentários desta injeção de dependência em AngularJs e entraremos em contato com você.