Украл я готовый таймер на JS https://plnkr.co/edit/6NQj3jOV6AhND5Wa?preview стал переделывать его под себя

чуть добавил функционала и одна фича у него сломалась никак не могу побороть🥵
https://plnkr.co/edit/PtK7xxUhBZ9xdh3W?preview

смысл
в том что в первом таймере не было показа микросекунд зато там была
анимация возврата поинтера в конце работы таймера и вот на моём
сломалась эта штука

я написал такое:

function runPointerAnimation() {
document.addEventListener('DOMContentLoaded', function() {
const pointer = document.getElementById('e-pointer');

if (pointer) {
pointer.style.transform = 'rotate(0deg)';

setTimeout(function() {
pointer.style.transition = 'transform 0.7s ease';
pointer.style.transform = 'rotate(360deg)';

setTimeout(function() {
pointer.style.transition = 'transform 0s';
pointer.style.transform = 'rotate(0deg)';
}, 700);
}, 1000);
} else {
console.error("The element with ID 'e-pointer' was not found.");
}
});
}

если просто вставлять в <script> секцию то оно даже работает
runPointerAnimation();

но как только я пытаюсь её внедрить внутрь другой JS функции либо же просто повесить выполнение этой анимации на кнопку оно не работает
уже мозги поломал и GPT нихрена не волочёт тоже

хелп ми🙄 с меня пивко

вот тебе пример кстати, нативный js без react)

? можешь глянуть мой говнокод?

helpppp