Что исправить в коде, чтобы модальное окно выводилось на экран на заданное время?

Question

[Dude-1]

function modal(title, content) {
   $('#modal-window').toggleClass('visible');
   $("#modal-window > .modal-title").html(title || "");
   $("#modal-window > .modal-content").html(content || "");
}
 
$(document).on("mousedown", function(e) {
   if (
      $("#modal-window").hasClass('visible') 
      &&  e.target.className === 'modal-close'
      || !$("#modal-window")[0].contains(e.target)
   ) {
      $("#modal-window").removeClass("visible");
   }
});

Скрипт при клике на кнопку показывает модальное окно, а мне надо, чтобы оно само по себе выходило и закрывалось через 5000 миллисекунд либо если я нажму на ту же кнопку, и оно закроется раньше.
Что надо изменить?

Answer 1

[Владимир Проскурин]

function modal(title, content) {
   $('#modal-window').toggleClass('visible');
   $("#modal-window > .modal-title").html(title || "");
   $("#modal-window > .modal-content").html(content || "");
}
function hideModal() {
    $("#modal-window").removeClass("visible");
}
var hideModal = setTimeout(hideModal, 5000);
$(document).on("mousedown", function(e) {
   if (
      $("#modal-window").hasClass('visible') 
      &&  e.target.className === 'modal-close'
      || !$("#modal-window")[0].contains(e.target)
   ) {
      hideModal();
      clearTimeout(hideModal);
   }
});
// Показываем окно
modal("Hello!!!", "Helloooooo");