Как в JavaScript сделать мигающее меню как гирлянды
Для создания мигающего меню в JavaScript можно использовать функцию setInterval(), которая будет вызывать определенную функцию через определенный интервал времени. Например, можно создать функцию, которая будет менять цвет фона элементов меню через определенный интервал времени:
var menuItems = document.querySelectorAll('.menu-item');
setInterval(function() {
menuItems.forEach(function(item) {
var color = item.style.backgroundColor;
if (color === 'red') {
item.style.backgroundColor = 'green';
} else {
item.style.backgroundColor = 'red';
}
});
}, 1000);
В данном примере мы выбираем все элементы меню с помощью метода querySelectorAll(), затем устанавливаем интервал времени в 1 секунду с помощью функции setInterval(). Внутри функции setInterval() мы используем метод forEach() для перебора всех элементов меню и изменения их цвета фона на зеленый или красный через каждые 1 секунду.
- Прокомментируйте