Задержка функции для выполнения jquery

Question

Я хочу, чтобы кнопка нажата, затем кнопка меняет стиль, а новая функция загружается примерно через 1/2 секунды стилизации.

$(document).on('click', '.capital_answers', function(){ 
    if(!$('#capital_answers').hasClass('answered')) { 
     answer = $(this).attr('data-answer'); 
     if(answer==1) { 
      $(this).addClass('capital_correct'); 
      $('#capital_answers').addClass('answered'); 
      capital_correct() 
     } 
     else { 
      $(this).addClass('capital_wrong'); 
      $('#capital_answers').addClass('answered'); 
     } 
    delay(500).capital_next(); 
    } 
}); 

Так как вы можете видеть, я использую метод delay() в настоящее время, что никоим образом не помогает. Какие существуют варианты задержки функции таким образом?

Answer 1

Использование setTimeout()

Изменение:

delay(500).capital_next(); 

Для

setTimeout(function(){ 
    capital_next(); 
}, 500); 

это предполагает, что capital_next() является автономной функцией. Неясно из кода, о котором идет речь