Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
readme.md

readme.md

Урок 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 есть задачи, рекомендовано над ними поработать