Дорогие форумчане, получил тестовое задание такого вида. Не могу понять нескольких вещей:
конечный результат это определенное количество горизонтальных линий, которые состоят в свою очередь из отдельных блоков разных цветов?
если да, то тогда зачем указывать цвет для обьектов массива lines, если он все равно будет перекрыт обьектами из elements?
каким образом лучше реализовать апдейт цвета: отдельной функцией через setInterval? Пока нет никаких идей на этот счет
Буду рад любому ответу. Спасибо!
Вот описание задачи:
"Все сталкивались с профилактическим вещанием на телевизионных каналах. Вам необходимо реализовать следующую задачу.
У вас есть набор входных данных в объекте по типу:
var params = {
lines: [
{
background: '#00F',
updateTime: 1000,
elements: [{
background: '#00F',
width: 25
},
{
background: '#00F',
width: 50
},
{
background: '#00F',
width: 25
},...
]
}...
]
}
Реализуйте отрисовку этих данных следующим образом. Весь экран должен заполниться элементами массива lines ширина которых равна ширине экрана, а высота результату деления высоты экрана на число линий.Цвет линии должен быть взят из свойства background.
В каждой линии есть элементы параметры которых берутся из массива elements , каждый элемент должен быть отрисован с соответствующей шириной указанной в процентах, высотой равной высоте линии, и цветом из свойства background.
В зависимости от свойства updateTime в каждой строке необходимо реализовать смену цвета на любой другой цвет(необходимо реализовать генератор цвета), в интервале времени соответствующему количеству миллисекунд указанному в свойстве.
При выполнении задач не рекомендуется использование посторонних библиотек, фреймворков, также необходимо что бы примеры работали одинаково в основных браузерах Chrome, Firefox, IE9+, Opera"
Необходимо реализовать отпугиватель эпилептика))
Так как это тестовое задание, можно попробовать все это реализовать через ООП для поднятия престижа в глазах проверяющего. В общем-то вроде как все правильно понимаете, остается дело за реализацией.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Нужна такая карта https://irobotru/contacts/
дайте пожалуйста код мигающей рамки на чистоом javascriptнигде не могу найти