Требования следующие:
1. Показать имена всех людей в классе на веб -странице.
2. Нажмите кнопку «Пуск», и цвет человека начинает меняться. Когда он остановится, будет позиция с разными цветами, и эта позиция - студент, которого нажимают.
Грубый графический интерфейс заключается в следующем:
Ниже приведен конкретный анализ приведенного выше анализа требований следующим образом:
1. Инициализируйте такую страницу и установите унифицированный цвет -green.
а Имя студента хранится в массиве
беременный Отображать его в блоке div на странице
2. Случайно выберите положение, чтобы изменить свой цвет на -редо
а Используйте стиль CSS, чтобы управлять изменениями цвета
беременный Случайные позиции генерируются с использованием случайных функций
3. Чтобы сделать его анимированным эффектом, установите время интервала, чтобы переместить положение его цвета в обратном направлении. И восстановить цвет предыдущей позиции в зеленом.
а Вам нужно спроектировать метод, чтобы изменить цвет Div. В то же время вы должны вызвать метод, называемый интервалом времени. Тогда есть Settimeout и метод SetInterval на выбор в JS.
4. Эффект анимации должен останавливаться в течение указанного времени, а позиция остановки все еще красная.
а Эффект анимации останавливается в указанное время, которое фактически останавливает вышеуказанный метод. Используйте разные методы в JS, с различными формами реализации
5. Когда он останавливается в определенной позиции, появляется диалоговое окно, показывающее, кто является выбранным студентом.
а Конечный результат функции оповещения появляется в порядке
В следующем разделе это небольшое приложение будет реализовано в коде JavaScript.