Пользовательский таймер всплывающих окон работает неправильно ⇐ Javascript

[Anonymous]

Когда приходят сообщения сокета, на моей странице появляются всплывающие элементы div, которые сами удаляются через 3 секунды

Код: Выделить всё

Код: Выделить всё

// used to pause timer when mouseEnter and resume when mouseLeave
const mesTimerMap = new Map()

const messageList = ref([])
socket.on('message',function(mesBody){
messageList.value.push(mesBody)
let timer = setTimeout(()=>{
handleRemove(mesBody) // in which I splice messageList
},3000)
mesTimerMap.set(mesBody.id,timer)
})

Но я обнаружил, что если я переключусь на другие вкладки и появится сообщение, то когда я вернусь на свою страницу, всплывающее окно все еще будет там, даже если прошло уже 3 секунды. И я не могу повторять это каждый раз. Почему это?


Подробнее здесь: https://stackoverflow.com/questions/797 ... -correctly