Как я могу запустить две собственные функции с задержкой?

Question

Я написал две собственные функции, которые я буду запускать автоматически, но с задержкой в ​​1500 мс.

Когда счетчик достигает 7, вызывается функция preDial(). Это работает до сих пор.

Когда preDial() делается система должна ждать 1500 мс и вызовите функцию dialSequence() который содержит массив и должен выполнить each() со всеми дает значения.

Итак, как я могу назвать эти две функции с этой задержкой?

Вот мой код до сих пор:

var count = 0; 
var IDs = []; 
var red = '#CC1919'; 
var green = '#30944B'; 
var orange = '#FDCA39'; 

$('.glyphs').on('click', function(e) { 
    e.preventDefault(); 
    count ++; 
    dataId = $(this).attr('data-id'); 
    dataIcon = $(this).attr('data-icon'); 
    IDs.push([count, dataId]); 

    $('#glyph-' + dataId).css('border-color', red); 
    $('a#glyphs-' + dataId).contents().unwrap(); 

    if (count == 7) { 
     preDial(); 
     $(this).delay(1500).dialSequence(); 
    } 
}); 

function preDial() { 
    $('.chevron-active').fadeIn('slow'); 
    $('.chevron-active').fadeOut('slow'); 
    $('#status').delay(750).text('Dialing . . .').css('color', orange); 
    $('#sg_dial_circle').delay(750).addClass('rotate_right'); 
} 

function dialSequence(IDs) { 
    console.log('here'); 
    $.each(IDs, function(index, value) { 
     console.log(value); 
     $('.chevron-active.chevron-0' + index).delay(index * 1000).fadeIn('slow'); 
     $('.line-0' + index).delay(index * 1000).addClass('line-red'); 
    }); 
} 

Благодаря

kay899

Answer 1

setTimeout(function(){ 
    dialSequence(IDs); 
}, 1500); 

это лучше делать без JQuery, и вы забыли передать идентификаторы функционировать