Переход с вкладки
Всем привет. Столкнулся с проблемой такой как при переходе с вкладки сайта и в последующем при возвращений на неё скрипт ведёт себя не адекватно. Смысл скрипта в том чтобы для начала довести до opacity 0, заменить картинку и вернуть opacity до 1. При нахождений на вкладке всё хорошо, но при потере фокуса и через время если вернутся картинка начинает мигать. Помогите пофиксить этот недуг
function animation() {
let mainWindow = document.querySelector('.main');
setInterval(function() {
let item = 1.0;
let checker = 0;
if (checker === 0) {
let stopInterval = setInterval(function() {
if (item > 0.01 && checker === 0) {
item -= 0.01;
mainWindow.style.opacity = item;
console.log(item)
} else if (item <= 0.01 && checker === 0) {
let score = Math.ceil(Math.random() * 17);
mainWindow.style.backgroundImage = `url(img/animation/${score}.jpg)`;
checker = 1;
} else if (item <= 1.0 && checker === 1) {
item += 0.01;
mainWindow.style.opacity = item;
console.log(item)
} else if (item >= 1.0 && checker === 1) {
checker = 0;
clearInterval(stopInterval)
}
}, 50)
}
}, 30000)