HTML5 часы с использованием Canvas | Vladmaxi.net
ГлавнаяВеб-разработчикуHTML и HTML5HTML5 часы с использованием Canvas
Дата: 16.04.2013 в 21:18 | Просмотров: 3405

HTML5 часы с использованием Canvas

HTML5 часы с использованием Canvas
Скачатьбесплатно с сервера
Демодемонстрация

Сегодня в уроке мы увидим как можно создать HTML5 часы. Это довольно обычный способ, но в то же время довольно впечатляющий (как обычно :) ). Конечно, все необходимое будет описано ниже.

Выше есть демонстрация часов, а также исходники.

HTML разметка

Вот наш HTML код, который поможет реализовать поставленную задачу:

CSS стили

Вот необходимые стили (мало но их будет достаточно):

Используем JavaScript

Используемые значения JS:

Мы определили основные функции таймера. Каждый шаг (тик) скрипт определяет как текущее время, а также мы сделали стрелки (стрелка часов, минут и секундная стрелка).
Надеюсь этот урок был вам полезен!

Данный урок подготовлен для вас командой сайта vladmaxi.net
Источник урока: http://www.script-tutorials.com/html5-clocks/
Перевел: Владислав Бондаренко


Добавить комментарий