События синхронизации событий JQuery не работают

Question

У меня возникли проблемы с моими событиями времени в my simon memory game, которые я создал.

Я пробовал использовать setTimeout, но я не знаю, какие события на время и сколько времени нужно установить, чтобы они были различимы.

$('#play').click(function(){ 
    console.log('start'); 
    generate(); 
    setTimeout(game,1000); 
    levelUp(); 
}); 

Пожалуйста, обратитесь к моей codepen ссылке выше

Дополнительный код:

function generate(){ 
var randomNum = Math.floor(Math.random()*4 +1); 
compArr.push(randomNum); 
console.log('compArr:'+compArr); 
} 

function game() { 
for (var i =0;i<compArr.length;i++){ 
    console.log('iterate:'+compArr[i]); 
    switch (compArr[i]) { 
    case 1: 
    one(); 
    break; 
    case 2: 
    two(); 
    break;     
    case 3: 
    three(); 
    break;   
    case 4: 
    four(); 
    break; 
    } 
} 
} 

Answer 1

Основываясь на уровне вы находитесь в вы собираетесь иметь цвета «п + уровень» у вас есть щелкнуть.

вам нужно разделить свой «игровой» код, чтобы начать новый раунд и прозвучать/показать нужные плитки.

Кажется, что самый простой способ сделать это - просто перебрать «массив плитки» и ждать «n» (милли) секунд, чтобы показать следующую требуемую опцию.

Answer 2

function generate(){ 
    var randomNum = Math.floor(Math.random()*4 +1); 
    compArr.push(randomNum); 
    console.log('compArr:' + compArr); 
} 

function game() { 
    for (var i =0;i<compArr.length;i++){ 
    console.log('iterate:' + compArr[i]); 
    switch (compArr[i]) { 
     case 1: 
     one(); 
     break; 
     case 2: 
     two(); 
     break;     
     case 3: 
     three(); 
     break;   
     case 4: 
     four(); 
     break;      
    } 
    } 
}