循環文本生成器

Question

我正在構建循環文本生成器。生成器將來自多個數組的句子（文本）組合在一起，通過視覺「循環」並添加它們。我認爲最好創建一個basic version of the generator小提琴，因爲我已經建造現在：

說明

的基本工作原理如下：

1. 句在單獨的數組定義（Array1 ，Array2和Array3）
2. 第二組陣列被定義，包含可以組合的陣列（combo0和在小提琴）
3. 在按下「生成」按鈕，則該函數Generate被調用，它在視覺上從句子中的小提琴的陣列（combo0[0]週期句子）
4. 此函數循環本身直到句話循環8次（var times = 8在提琴）
5. 當這樣做完成後，該函數調用提供的回調函數。在此回調，再次運行Generate，這一次與第二陣列（combo0[1]在小提琴）

的原因回調，我需要「等待」的循環作用來完成，然後移動上。

問題

雖然這不正是我所需要的（並且除了這個事實，我如果這是做到這一點非常令人懷疑;我總是寫一個函數時感覺有點奇怪循環本身），我有以下問題：

在combo數組中，我定義哪個'句子'數組可以是可能的組合。如果有兩個組合，但是具有多於兩個這樣工作得很好，我有一個問題：

Generate(combo0[0], i, function(i) { //generate from first array element of combo0, callback to generating from second array of combo0 
    Generate(combo0[1], i, function(i) { 
     $('div#status').html('Done!'); //show status 
     $('input#generate').removeAttr("disabled"); //enable button 
    }); 
}) 

我不得不遞歸改寫這個容納combo陣列由3或甚至4的可能性選項。如果combo數組僅包含2個（或1個）數組，則可能會破壞腳本。

這是我卡住的地方。主要問題是，如果我遍歷combo陣列，例如與.each（）; generate函數被同時調用多次，所以整個'循環'效果丟失。

我試過編寫各種循環，它考慮到給定的combo數組的長度，但今天比以前我的瀏覽器崩潰了很多，我不知道該怎麼做。

Answer 1

我設法解決它。離屏幕有一段距離是件好事。

我所做的是增加一個「N」計數器，如果達到times變量的多重增加，導致功能繼續迭代，但輸出（見第三至最後一行），從下一個陣列（lists[n] ）。最後，查看剩下多少數組將確定我們是否完成。如果完成，最後一次寫入句子，運行可選回調並返回false。這樣一來，該函數將接受整個數組，而不僅僅是子陣（combo而不是combo[0]）：

//Generate from array 'lists', simulating a 'slot machine 
function Generate(lists, n, i, callbackFnk) { 
    if (!(i >= 0)) { i= 0; } 
    setTimeout((function(msg){ 
     i++; 
     return function(){ 
      if (i % times != 0){ 
       //We haven't reached a multiple of the times variable yet, keep going. 
       Generate(lists, n, i, callbackFnk); 
      } else if (i % times === 0 && i != 0 && n < (lists.length-1)) { 
       //Multiple reached, increase n 
       n++; 
       Generate(lists, n, i, callbackFnk); 
      } else if (n == (lists.length-1)) { 
       //we are done as there are no more arrays to go over 
       showMessage(msg, i); 
       if (callbackFnk) callbackFnk.call(this, i); 
       return false; 
      } 
      showMessage(msg, i); 
     } 
    })(
     //output using the given n value 
     lists[n][Math.floor(Math.random() * lists[n].length)] 
    ), speed); 
} 

見工作小提琴這裏：http://jsfiddle.net/c_kick/kuNrA/1/

我希望這可以幫助別人！

Answer 2

這應該做的伎倆：

var Array1 = new Array("Sentence 1 - A ", "Sentence 1 - B ", "Sentence 1 - C ", "Sentence 1 - D ", "Sentence 1 - E ", "Sentence 1 - F ", "Sentence 1 - G "); 
var Array2 = new Array("Sentence 2 - A", "Sentence 2 - B", "Sentence 2 - C", "Sentence 2 - D", "Sentence 2 - E", "Sentence 2 - F", "Sentence 2 - G"); 
var Array3 = new Array("Sentence 3 - A", "Sentence 3 - B", "Sentence 3 - C", "Sentence 3 - D", "Sentence 3 - E", "Sentence 3 - F", "Sentence 3 - G"); 

//define acceptable combinations of arrays 
var combo0 = new Array(Array1, Array2); 
var combo1 = new Array(Array1, Array2, Array3); 

//define global vars 
var speed = 140; 
var content = ''; 

//write sentence to box. If counter is a multiple of the 'times' var: append instead of write 
function showMessage(list, i, e) { 
    $('div#generated').html(content + list[i]); 
    if ((i + 1) % (e + 1) == 0) content += list[i]; 
} 

//Generate from array 'list', simulating a 'slot machine 
function Generate(lists, end, l, i, e) { 
    if (l == undefined) l = 0; 
    if (i == undefined) i = 0; 
    if (e == undefined) e = Math.floor(Math.random() * lists[l].length); 
    setTimeout(function() { 
     showMessage(lists[l], i, e); 
     if ((i + 1) % (e + 1) != 0) 
      Generate(lists, end, l, i+1, e); 
     else if (lists.length - 1 > l) 
      Generate(lists, end, l + 1); 
     else end(); 
    }, speed); 
} 

$(document).ready(function() { 
    $('input#generate').click(function() { 
     $(this).attr("disabled", true); //disable button 
     content = ''; //reset content 
     $('div#status').html('Running..'); //show status 
     Generate(combo0, function() { 
      $('div#status').html('Done!'); //show status 
      $('input#generate').removeAttr("disabled"); //enable button}); 
     }); 
    }); 
});