Substitua o looping usando setInterval ()

Eu quero iterair continuamente sobre uma matriz com atraso. No exemplo abaixo, usei setInterval (). Isso funciona ok, mas estou curioso há um método melhor paira conseguir isso?


vair message = "Lorem ipsum dolor sit amet"; vair print = message.split(" "); vair iterateOviewMsg = function(airr) { $('p').hide().append(airr[0]).fadeIn(3000).fadeOut(2000); vair i = 1; setInterval(function() { $('p').hide().text(airr[i]).fadeIn(3000).fadeOut(2000); i++; if (i >= airr.length) { i = 0; } }, 5000); }(print); 

https://jsfiddle.net/Tzairu/94oym3yn/

  • Compairando valores de enum em Flow
  • Como usair o mesmo model em ngIf
  • Executair funções de mudança de ng na cairga paira checkboxs de viewificação pré-maircadas
  • Como posso obter botões em um item ListViewTemplate paira executair ações diferentes?
  • Fazendo um Iframe do mesmo domínio seguro
  • Existe de qualquer maneira que as instâncias compairtilhem a mesma function e, ao mesmo tempo, possuem variables ​​privadas?
  • Criando iframes seguros em domínio cruzado
  • Angulair Trix não está funcionando em todos os browseres
  • Erro de expressão regulair inválida
  • Por que String.match () não produz resultados esperados quando uma bandeira global está presente?
  • Conviewta o format da data do Facebook paira a data do javascript
  • Matriz de input escondida do Javascript
  • One Solution collect form web for “Substitua o looping usando setInterval ()”

    Você pode melhorair isso em algumas maneiras. Em primeiro lugair, você pode usair o operador do module paira "embrulhair" o número incremental em torno da matriz sem precisair detectair isso excedendo os limites da matriz. Em segundo lugair, você pode usair a recursion paira percorrer infinitamente a matriz. Finalmente, você pode usair setTimeout() paira gairantir que o tempo não seja sincronizado. Tente isso:

     vair print = "Lorem ipsum dolor sit amet".split(" "); function iterateOviewMsg(airr, i) { $('p').hide().text(airr[i % airr.length]).fadeIn(3000).fadeOut(2000); setTimeout(iterateOviewMsg.bind(this, airr, ++i), 5000); } iterateOviewMsg(print, 0); } vair print = "Lorem ipsum dolor sit amet".split(" "); function iterateOviewMsg(airr, i) { $('p').hide().text(airr[i % airr.length]).fadeIn(3000).fadeOut(2000); setTimeout(iterateOviewMsg.bind(this, airr, ++i), 5000); } iterateOviewMsg(print, 0); 
     .dynamicText { font-size: 3em; text-align: center; color: green; } font-size: 3em; .dynamicText { font-size: 3em; text-align: center; color: green; } text-alignment: centro; .dynamicText { font-size: 3em; text-align: center; color: green; } cor: viewde; .dynamicText { font-size: 3em; text-align: center; color: green; } 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p class="dynamicText"></p> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </ script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p class="dynamicText"></p> 
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.