Цифровий годинник на css3 і jquery - скрипти для сайтів
Зробимо електронний годинник з датою і часом за допомогою jQuery і CSS3 для невеликої анімації.
Розмітка проста і гнучка. Створюємо DIV з класом clock. DIV з класом Date. який буде відображати дату і невпорядкований список, що містить години, хвилини і секунди.
Стилі оформлення з невеликою анімацією:
Підключаємо jQuery бібліотеку
І далі наш скрипт
- new Date () - створює новий об'єкт Date зі значенням поточної дати і поточного часу в браузері комп'ютера.
- setDate () - метод встановлює день місяця (від 1 до 31), за місцевим часом
- getDate () - метод повертає день місяця (від 1 до 31) для вказаної дати за місцевим часом
- getSeconds (), getMinutes () і getHours () - ці методи дозволяють витягати секунди, хвилини та години поточного часу в браузер.
- (seconds <10. "0". "" ) + seconds) - добавляет начальный ноль к значению секунд (минут и часов). Символы ? и : включают тернарный (ternary ) оператор. Это специальный оператор, который возвращает значение перед двоеточием, если условие перед вопросом (? ) верно (true ), или значение после двоеточия. если условие неверно (false ).
- Функція setInterval - це стандартна j # 097; vascript функція, не частина jQuery. Виконує код багато разів, через рівні проміжки часу (мілісекунди).
СКАЧАТИ Стрибок: 3079
1,62 Kb Хто скачав?