JQuery изменить текст, отображаемый через 5 секунд, дважды

Question

Я вызываю эту функцию, чтобы показать всплывающее окно загрузки:

LoadModalBody('<h2 align="center">Loading...</h3><p align="center"><i class="fa fa-spinner fa-spin fa-5x"></i></p>');

сама функция, в основном, создает элемент div и отображает данные внутри div

Когда я вызываю функции, я хочу иметь возможность изменить текст Loading... через 5 секунд, а затем изменить его еще раз через 5 секунд.

Возможно ли это сделать вне функции?

Answer 1

LoadModalBody('<h2 id="headingLoading" align="center">Loading...</h3><p align="center"><i class="fa fa-spinner fa-spin fa-5x"></i></p>');

setTimeout(function(){
    document.getElementById('headingLoading').innerHtml = 'New Text 1';
    setTimeout(function(){
        document.getElementById('headingLoading').innerHtml = 'New Text 2';
    }, 5000);
}, 5000);