Почему не срабатывает функция в окне fancybox 4?

Question

[ololodff]

$("#dbtn{id}").on("click", function () {
		const fancybox{id} = new Fancybox([{
		    dragToClose: false,
	        src: "#downloadmodal{id}", 
	        type: "inline",
	        closeButton: false,
	        dragToClose: false,
	        autoFocus: false,
			},
		]);
			let timer; // пока пустая переменная
			let x =10; // стартовое значение обратного отсчета
			function countdown(){  // функция обратного отсчета
				document.getElementById('rocket{id}').innerHTML = x;
				x--; // уменьшаем число на единицу
				if (x<0){
					clearTimeout(timer); // таймер остановится на нуле
				 	document.getElementById('rocket{id}').innerHTML = 'pipec{id}';
				}
				else {
					timer = setTimeout(countdown, 1000);
				}
			}
	    fancybox{id}.on("done", (fancybox, slide) => {
	    	countdown();
		});
	});

Есть окна fancybox4 при открытии окна опция fancybox "done" должна срабатывать функция обратного отсчета. но он никак не хочет работать

Comments

[Александр Талалаев]

У вас немного дивная логика, лучше напишите, что вы хотите получить.
Ну например, открылось окно и через 2 секунды бла бла бла.

[ololodff]

Александр Талалаев, Ну да, открыть окно и чтобы в этом окне начал отсчитывать таймер, а по истечению времени отображался нужный мне div. НО! если окно закрыть, то таймер тоже нужно обнулять и запускать по новой. Вот и вся логика :)

[ololodff]

Александр Талалаев, А ещё, нюанс в том, что на странице есть несколько окон и по этому я использую {id} для идентификации конкретного окна