|
Задача у меня такая.Есть схема где проходят определенные анимации при наведении на какую нибудь часть схемы эта часть закрашивается реализовал таким кодом
const nine = function () {
$(".layer10").css({ "display": "none" });
$(".layer11").css({ "display": "none" });
$(".sheme-in").css({ "display": "none" });
$(".sheme-in2").css({ "display": "block" });
$(".layer10-hover").css({ "display": "block" });
$(".layer11-hover").css({ "display": "block" });
};
$(".hover_8").mouseover(function () {
have8 = true;
setTimeout(nine, 100);
}); теперь же нужно когда мышка не наведена на эту схему рандомная область закрашивалась
const arrFunc = [one, two, three, four, five, six, seven, eight, nine];
randFunc = () => {
arrFunc[Math.floor(Math.random() * arrFunc.length)]();
}
if (have1 == true || have2 == true || have3 == true || have4 == true || have5 == true || have6 == true || have7 == true || have8 == true || have9 == true) {
console.log('true')
}
else {
setInterval(randFunc, 6500);
В итоге рандомное закрашивание срабатывает, мне нужно чтобы когда наводилась мышка на область схемы не работала рандомное закрашивание я подумал сделать через условие если хотя бы один have true то ничего не произойдет если же все false то сработает функция закрашивания setInterval(randFunc, 6500); В итогу у меня при наведении have всегда false
|