Почему счетчик увеличивается в 3 раза? ⇐ Javascript

[Anonymous]

audioUpdationFunction: function(){ // RE-WRITE THIS AGAIN
mainFunction.currentSong.songAudio.addEventListener("timeupdate", ()=>{
audioSlider.max = mainFunction.currentSong.songDuration
audioSlider.value = mainFunction.currentSong.songAudio.currentTime
console.log(audioSlider.value)

// Audio-End detection
let intAudio = parseInt(audioSlider.value)
if(mainFunction.currentSong.songDuration === intAudio){
mainFunction.count++
}
})

audioSlider.addEventListener("input", ()=>{
mainFunction.currentSong.songAudio.currentTime = audioSlider.value
})
},

пытался создать клон Spotify, и вот моя функция — обновлять звук и синхронизировать трекер или музыкальный слайдер с песней. эта функция срабатывает, когда пользователь нажимает кнопку воспроизведения, следующую или предыдущую, например, когда это означает, что когда звук начинает воспроизводиться, эти прослушиватели событий помогают синхронизировать их также при воспроизведении следующей или предыдущей песни.
Все работает нормально, но когда звук заканчивается, счетчик увеличивается в 3 раза.
Этот код написан в основном на объектах, а не на каком-либо классе. И извините, если код выглядит дерьмово, я всего лишь 18-летний новичок, делающий все сам..
Спасибо:)
Я пробовал использовать чатgpt, он дал правильный код, но он не раскрывает причину проблемы. Вот решение. Могу привести весь код для лучшего понимания.
вот ответ в чате
audioUpdationFunction: function() {
// Remove any existing listeners to avoid duplicates
mainFunction.currentSong.songAudio.removeEventListener("timeupdate", mainFunction.handleTimeUpdate);

// Define the handler as a named function for proper removal
mainFunction.handleTimeUpdate = () => {
audioSlider.max = mainFunction.currentSong.songDuration;
audioSlider.value = mainFunction.currentSong.songAudio.currentTime;

let intAudio = parseInt(audioSlider.value);
if (mainFunction.currentSong.songDuration === intAudio) {
console.log("Song ended");
mainFunction.count++;
console.log("Count:", mainFunction.count);
if (mainFunction.count >= mainFunction.songQueue.length) {
mainFunction.count = 0; // Loop back to the first song if needed
}
mainFunction.currentSong = mainFunction.songQueue[mainFunction.count];
mainFunction.currentSong.songAudio.play();
mainFunction.audioUpdationFunction(); // Reattach for the new song
}
};

// Attach the cleaned-up listener
mainFunction.currentSong.songAudio.addEventListener("timeupdate", mainFunction.handleTimeUpdate);

// Slider manual input handling
audioSlider.addEventListener("input", () => {
mainFunction.currentSong.songAudio.currentTime = audioSlider.value;
});
}



Подробнее здесь: https://stackoverflow.com/questions/793 ... ng-3-times