Как добиться закрытия меню перед появлением запроса confirm()?

Question

[Василий Dekmer]

Есть реализация выпадающего меню посредством показа/скрытия DIV с соответствующими кнопками действий. Куски кода:

// показ
submenusotr.classList.add('active');
...
...
// скрытие
submenusotr.classList.remove('active');

Вопрос: как можно добиться чтобы при выборе пункта этого DIV`а "Удалить" сначала скрывался он сам, а потом возникал запрос confirm() ?
Пробовал применить паузу (нашел на Просторах):

function sleep(milliseconds) {
  const date = Date.now();
  let currentDate = null;
  do {  currentDate = Date.now(); } while (currentDate - date < milliseconds); }

С ней, выше упомянутый DIV, продолжает "висеть" ту самую паузу, потом появляется запрос и потом все благополучно "исчезает".

Comments

[Ivan Ustûžanin]

setTimeout() или любой другой механизм отложенного выполнения типа промисов
а этот sleep() занимает основной поток, поэтому и не работает

[Василий Dekmer]

IvanU7n, благодарю. Все нормально работает !!

[psiklop]

confirm оставляют на страничках для себя разве, впихнуть на реальный сайт этот бесполезный блочный диалог, это надо ненавидеть свой сайт или совсем облениться

[Adamos]

psiklop, confirm же элементарно переписывается своей функцией (например, вызывающей бутстраповский модальный диалог).

[psiklop]

Adamos, я переписывал, alert confirm и prompt, элементарно не вышло, было бы приятнее когда бутстрап этим сами озаботились, а то их модальные окна недоделанные.

Answer 1

[Василий Dekmer]

Доброе утро !
По совету IvanU7n рассмотреть setTimeout и промисы, накропал такой подход. Не могу говорить о профессионализме подхода, но(!) работает как мне нужно.

function sleep(ms) { 
    return new Promise(resolve => setTimeout(resolve, ms));
}
function DoDeteteSotr(){
    // Основная функция со всеми операция запросов и 
    // последующего удаления, обновления таблицы и т.д.
	}
// Функция, которую "повесил" на нажатие пункта "Удалить" всплывающего 
// меню (упомянутого в вопросе DIV с кнопками)	
function DeleteSotr() {
	event.preventDefault(); 
	HideSubmenuSotr();    // Функция скрытия всплывающего меню
	sleep(200).then(() => {   // 200 миллисекунд задержки достаточно
	  DoDeteteSotr(); 
	  });
	}

Как всегда благодарю всех !