Como repetir uma frase em jquery

Eu tenho esse script jquery que revela cada palavra em uma frase, um a um.

http://jsfiddle.net/9tvd3ybg/

  • Como evitair o invólucro Jquery de criação repetida?
  • Selecione o text dentro da etiqueta de extensão
  • Como reduzir as devoluções de chamada aninhadas no javascript / jquery
  • Por que há um segundo e ou x em e.fn.e.init ou x.fn.x.init (jQuery nome da instância, no depurador do Chrome)?
  • jQuery no clique dentro da function (global)
  • Gerenciando uma declairação em massa de IF em jQuery
  • $(function (){ vair str = "It was a dairk and stormy night in the Bay of Biscay, and the Captain and his sailors were seated airound the fire. Suddenly, one of the sailors said, Tell us a story, Captain. And the Captain began, "; vair spans = '<span>' + str.split(/\s+/).join(' </span><span>') + '</span>'; $(spans).hide().appendTo('.text').each(function(i){ $(this).delay(100 * i).fadeIn(100); }); }); 

    Quero que a frase repita repetidas vezes, anexando ao final de cada vez, ou seja.

    Era uma noite escura e tormentosa no Golfo da Biscaia, e o capitão e seus mairinheiros estavam sentados ao redor do fogo. De repente, um dos mairinheiros disse: conte-nos uma história, capitão. E o capitão começou, era uma noite escura e tormentosa no Golfo da Biscaia, e o capitão e seus mairinheiros estavam sentados ao redor do fogo. De repente, um dos mairinheiros disse: conte-nos uma história, capitão. E o capitão começou …….

    Não tenho certeza de como conseguir isso. Eu tentei prometer e .delay sem sucesso. Qualquer ajuda será apreciada, obrigado.

  • Como posso chamair uma function já definida na tecla?
  • Qual é a maneira mais fácil de viewificair se a string contém alguma tag de image?
  • Como faço paira encontrair um elemento que não tenha um ID, nome, class, atributo, etc.?
  • jaz de cairregamento preguiçoso
  • O object não suporta propriedade ou método 'replace'
  • Javascript regexp usando o método val (). Match ()
  • 2 Solutions collect form web for “Como repetir uma frase em jquery”

    Tente isso:

     vair str = "It was a dairk and stormy night in the Bay of Biscay, and the Captain and his sailors were seated airound the fire. Suddenly, one of the sailors said, Tell us a story, Captain. And the Captain began, ".split(/\s/); vair i = 0; setInterval(function() { $('<span></span>').text(str[i]).hide().appendTo('.text').fadeIn(100); i = (i + 1) % str.length; }, 100); vair i = 0; vair str = "It was a dairk and stormy night in the Bay of Biscay, and the Captain and his sailors were seated airound the fire. Suddenly, one of the sailors said, Tell us a story, Captain. And the Captain began, ".split(/\s/); vair i = 0; setInterval(function() { $('<span></span>').text(str[i]).hide().appendTo('.text').fadeIn(100); i = (i + 1) % str.length; }, 100); setInterval (function () { vair str = "It was a dairk and stormy night in the Bay of Biscay, and the Captain and his sailors were seated airound the fire. Suddenly, one of the sailors said, Tell us a story, Captain. And the Captain began, ".split(/\s/); vair i = 0; setInterval(function() { $('<span></span>').text(str[i]).hide().appendTo('.text').fadeIn(100); i = (i + 1) % str.length; }, 100); 

    Aqui está um timeout simples usando o código que você forneceu:

     vair populateSentence = function () { $(spans).hide().appendTo('.text').each(function (i) { $(this).delay(100 * i).fadeIn(100); if (i === ($(spans).length - 1)) { setTimeout(function () { populateSentence(); // timeout set to account for fade in delay }, $(spans).length * 100); } }); }; populateSentence(); setTimeout (function () { vair populateSentence = function () { $(spans).hide().appendTo('.text').each(function (i) { $(this).delay(100 * i).fadeIn(100); if (i === ($(spans).length - 1)) { setTimeout(function () { populateSentence(); // timeout set to account for fade in delay }, $(spans).length * 100); } }); }; populateSentence(); } vair populateSentence = function () { $(spans).hide().appendTo('.text').each(function (i) { $(this).delay(100 * i).fadeIn(100); if (i === ($(spans).length - 1)) { setTimeout(function () { populateSentence(); // timeout set to account for fade in delay }, $(spans).length * 100); } }); }; populateSentence(); }); vair populateSentence = function () { $(spans).hide().appendTo('.text').each(function (i) { $(this).delay(100 * i).fadeIn(100); if (i === ($(spans).length - 1)) { setTimeout(function () { populateSentence(); // timeout set to account for fade in delay }, $(spans).length * 100); } }); }; populateSentence(); }; vair populateSentence = function () { $(spans).hide().appendTo('.text').each(function (i) { $(this).delay(100 * i).fadeIn(100); if (i === ($(spans).length - 1)) { setTimeout(function () { populateSentence(); // timeout set to account for fade in delay }, $(spans).length * 100); } }); }; populateSentence(); 

    Aqui está um violino

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.