N.57 Домашнее задание CLOCK_MVC
Помогите, спасибо.
Создать проект CLOCK. Реализовать согласно концепции активного MVC:
- Model — часы, класс
Clockв файлеClock.js, могут идти (отображая актуальное время) либо стоять (отображая время на момент остановки); - View — реализовать три варианта:
- класс
ClockViewDOMв файлеClockViewDOM.js
для отображения часов средствами HTML/CSS/DOM; - класс
ClockViewSVGв файлеClockViewSVG.js
для отображения средствами SVG - класс
ClockViewCanvasв файлеClockViewCanvas.js
для отображения средствами Canvas;
- класс
- Controller — реализовать вариант старта/остановки часов кнопками,
классClockControllerButtonsв файлеClockControllerButtons.js.
Создать шесть объектов часов:
- для двух установить отображение в
DOM, - ещё для двух — в
SVG, - и ещё для двух — в
Canvas,
Расположить их на одной странице.
Каждые часы должны отображать текущее время в своём часовом поясе.
Все шесть часов должны независимо управляться своими кнопками «стоп» и «старт» (при загрузке страницы часы должны идти; по нажатию кнопки «стоп» стрелки должны останавливаться; по нажатию «старт» — переводиться на текущее время и снова идти).