Цифровий годинник на 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 Хто скачав?