atraso de javascript entre chamadas de função para cada índice em uma matriz [closed]
O objetivo:Execute lógica em cada elemento na matriz.Esperar
X
ms entre a próxima execução.mouseover(#slider)
pausas de atraso - se atraso = 1000ms e 300ms passaram,mouseout(#slider)
desencadearia a contagem regressiva dos 700 ms restantes.Após a execução no último elemento, faça um loop de volta para fazê-lo novamente - para sempre.Aqui está uma explicação visual:
var = s Array(1,2,3)
var x = s[1]; //get first element
console.log(x); //do something to it
wait(); //START wait timer 1000ms
//------------> timer : 300ms
//------------> user : mouseover (#slider) : pause timer
//------------> user : waited 5000ms
//------------> user : mouseout (#slider) : resume timer
//------------> timer : 300ms --> still 700ms to go!
//------------> timer : 500ms
//------------> user : mouseover (#slider) : pause timer
//------------> user : waited 10000ms
//------------> user : mouseout (#slider) : resume timer
//------------> timer : 500ms --> still 500ms to go!
var x = s[2]; //get second element
console.log(x); //do something to it
wait(); //START wait timer 1000ms
//------------> timer : 200ms
//------------> user : mouseover (#slider) : pause timer
//------------> user : onclick (.slideButton1) : change index of array and clear timer
//------------> user : waited 6000ms
//------------> user : mouseout (#slider) : resume timer
//------------> timer : 0ms --> still 1000ms to go!
var x = s[1]; //get first element ( index was changed by clicking button )
console.log(x); //do something to it
wait(); //START wait timer 1000ms
// ... s[2] ... s[3] ...
//theres nothing else in the array, lets start back from s[1] again!
Soluções:jQuery:
Esta solução veio de um relacionadopostar. A fonte oficial deste plugin pode ser encontradaAqui.
JS nativo:
esteResponda porAadit M Shah foi muito útil. Ele também entra em detalhes sobreDelta Timing e como isso pode ser útil em casos semelhantes.
Novo objetivo:Resumo um desses métodos para permitir o uso de outras coisas.