Урок 5-6

Домашнее задание:

1. Нужно сделать вот такой таймер (выбираете Stop Watch).

2. Кнопка Start запускает таймер, так же нужно выводить милисекунды. После запуска она меняется на кнопку Pause, которая может приостанавливать таймер.

3. Кнопка Clear останавливает и обнуляет таймер.

4. Дизайн сделайте свой, используя Pure или Bootstrap.

5. Это более сложное задание, для тех кому покажется мало :) Не обязательно, но рекомендовано к выполнению. Сделать точно такой же таймер как здесь. Основная функциональность:

6. Start - начинается отсчет с нуля. При работе таймера выводим миллисекунды. Кнопка Start заменяется на Stop.

7. Split - засекаем текущий отсчет и выводим его под таймером с меткой Split, при этом продолжаем работу таймера.

8. Stop - останавливаем текущий отсчет. Время, которое засекли, выводим под таймером с пометкой Stop.

9. Reset - обнуляем таймер, удаляем все сохраненные отметки Split и Stop.

10. Если будет не понятно как должны работать кнопки - просто посмотрите как они реализованы на текущем таймере по ссылке.

Так же нужно прочесть следующие материалы:

1. Основы работы с событиями
2. Events bubbling и events capturing
3. setTimeout и setInterval
4. О том, как работают JavaScript таймеры
5. Создание объектов через “new”
6. Явное указание this: “call”, “apply”
7. JavaScript для котов

В конце каждой статьи на learn.javascript.ru есть задачи, рекомендовано над ними поработать