Дата JavaScript: Работа с датой и временем JS

  1. Знаете ли вы функцию даты в Javascript?
  2. Представление дат с использованием массивов
  3. Работа с графиками
  4. Работа с графиками в реальном времени
  5. Методы даты

Знаете ли вы функцию даты в Javascript?

Этот код ниже показывает, как отображать текущую дату как можно более приблизительно. Это почти непригодно, поэтому грубо (просто), но кто не знает, как обрабатывать события даты в JavaScript, должен начать здесь.

связанные с: Полный курс JavaScript

<html> <head> </ head> <body> <script language = javascript type = "text / javascript"> now = new Date document.write ("Today is" + now.getDay () + "," + now) .getDate () + "from" + now.getMonth () + "from" + now.getFullYear ()) </ script> </ body> </ html> Листинг 1. Необработанный код для отображения текущей даты


Рисунок 1. Как будет выглядеть необработанная дата

Объясняя код:

Эта первая строка кода создаст новую переменную даты теперь с новой командой Date, которая инструктирует JavaScript создать новый объект даты и заполнить его текущей датой.

document.write ("Today is" + now.getDay () + "," + now.getDate () + "from" + now.getMonth () + "from" + now.getFullYear ())

В следующей части кода мы будем вызывать метод document.write, который имеет функцию записи на экране. Внутри мы поместим основной код, отвечающий за создание дат. То, что заключено в кавычки, теперь будет текстом; и то, что находится вне кавычек, будет кодом, который мы должны изучить.

GetDay () покажет день недели. Вам нужно знать, что в JavaScript в большинстве случаев счет начинается с нуля. Итак, воскресенье - ноль, понедельник - один, вторник - два, и так далее.

GetDate (), в свою очередь, это день месяца, который не имеет того же правила, что и раньше, начиная с нуля.

GetMonth () и getFullYear (), с другой стороны, являются соответственно месяцем и годом, а месяц, как день недели, начинается с нуля, поэтому июль - это не седьмой месяц, а шестой месяц.

Конечно, на приличном сайте пользователь не будет обязан это знать, поэтому мы будем создавать массивы, представляющие собой компактные наборы информации.

Представление дат с использованием массивов

В этом коде я создам два массива, один для рабочих дней и один для рабочих дней.

<html> <head> <script language = javascript type = "text / javascript"> dayName = new Array ("воскресенье", "понедельник", "вторник", "среда", "четверг", "пятница", "суббота" ") monName = new Array (" январь "," февраль "," март "," апрель "," май "," июнь "," август "," октябрь "," ноябрь "," декабрь ") now = new Дата </ script> </ head> <body> <script language = javascript type = "text / javascript"> document.write ("<h1> Today is" + dayName [now.getDay ()] + "," + now.getDate () + "from" + monName [now.getMonth ()] + "from" + now.getFullYear () + ". </ h1>") </ script> </ body> </ html> Листинг 2. Использование массивов для отображения дней

Объясняя код:

dayName = новый массив («воскресенье», «понедельник», «вторник», «среда», «четверг», «пятница», «суббота») monName = новый массив («январь», «февраль», «март», «Апрель», «Май», «Июнь», «Август», «Октябрь», «Ноябрь», «Декабрь»)

Это часть кода, в которой мы создаем массивы. В первом массиве я дал названия дням недели. Ноль теперь будет воскресенье, один будет понедельник и так далее. Аналогично с названиями месяцев.

document.write ("<h1> Today is" + dayName [now.getDay ()] + "," + now.getDate () + "from" + monName [now.getMonth ()] + "from" + now. getFullYear () + ". </ h1>")

Внутри document.write мы помещаем имя массива, который будет использоваться, а затем в квадратные скобки помещаем функцию, которая возвращает индекс дня и месяца в векторе.


Рисунок 2. Результат отображения даты с использованием некоторых массивов

Работа с графиками

До сих пор это было показано только как показ даты. Теперь это будет похоже на представление графиков.

<html> <head> </ head> <body> <script language = javascript type = "text / javascript"> now = new Date document.write ("Сейчас есть" + now.getHours () + ":" + now .getMinutes () + ":" + now.getSeconds () + ":" + now.getMilliseconds ()) </ script> </ body> </ body> </ html> Листинг 3. Представляем времена

Работа с графиками в реальном времени

В предыдущем коде я показал, как отображать графики, но они исправлены. Это практически бесполезно, но мы должны сначала изучить самый простой способ добраться до самого сложного, то есть тот, который представляет время в реальном времени, то есть который меняется с течением времени.

<html> <head> <script type = "text / javascript"> function time () {today = new Date (); h = today.getHours (); m = today.getMinutes (); s = today.getSeconds (); document.getElementById ('txt'). innerHTML = h + ":" + m + ":" + s; setTimeout ('time ()', 500); } </ script> </ head> <body onload = "time ()"> <div id = "txt"> </ div> </ body> </ html> Листинг 4. Представление в реальном времени

Объясняя код:

В голове надо создать функцию. Внутри я создал переменные (h, mes) для соответствующих временных объектов, таких как минуты и секунды. Сразу после создания этих переменных мы свяжем их с div, созданным вскоре после этого, в теле.

setTimeout будет выполнять код каждые 500 миллисекунд или каждые полсекунды.

<body onload = "time ()"> <div id = "txt"> </ div>

В теле мы должны указать, что функция time () должна выполняться сразу после загрузки страницы, поэтому мы вызываем ее в событии onload. Чуть ниже находится div, который будет загружать созданные часы.

Методы даты

Поскольку вы часто можете обрабатывать даты, ниже приведена таблица всех методов объекта даты. Вы увидите некоторые ссылки на UTC , что означает Всемирное координированное время, которое заменяет среднее время по Гринвичу (GMT) в 1986 году в качестве стандарта мирового времени.

Метод Описание Возвращаемые значения getDate () День от 1 до 31 месяца getUTCDate () getDay () Целочисленное значение дня недели от 0 до 6 getUTCDay () getFullYear () Четырехзначный год 1900 года getUTCFullYear getHours () Время от 0 до 23 getUTCHours () getMilliseconds () Число миллисекунд с последней секунды 0 до 999 getUTCMilliseconds () getMinutes () Количество минут с последнего часа 0 до 59 getUTCMinutes () getMonth () месяц года 0 a 11 getUTCMonth () getSeconds () Число секунд с последней минуты от 0 до 59 getUTCSeconds () getTime () Количество миллисекунд с полуночи 1 января 1970 года getTimezoneOffset () Разница между местным временем и GMT в минутах От 0 до 1439 getYear () Год от 0 до 99 для 1900–1999 годов и четыре цифры и далее parse () При заданной строке даты / времени возвращается число миллисекунд с полуночи 1 января. of 1970 setDate () Устанавливает день, учитывая число от 1 до 31 Дата в миллисекундах setUTCDate () Дата в миллисекундах setFullYear () Дата в миллисекундах setUTCFullYear () Дата в миллисекундах setHours () Устанавливает время, заданное числом от 0 до 23 Дата в миллисекундах setUTCHours () setMilliseconds () Устанавливает миллисекунды, учитывая число Дата в миллисекундах setUTCMilliseconds () Дата в миллисекундах setMinutes () Устанавливает минуты, учитывая число в диапазоне от 0 до 59 Дата в миллисекундах setUTCMinutes () setMonth () Устанавливает месяц, учитывая число от 0 до 11. Дата в миллисекундах setUTCMonth () setSeconds () Устанавливает секунды, учитывая число от 0 до 59 Дата в миллисекундах setUTCSeconds () setTime () Устанавливает дату, учитывая количество миллисекунд с Январь 1970 Дата в миллисекундах setYear () Устанавливает год с заданным двузначным или четырехзначным числом. Дата в миллисекундах toGMTString () GMT строка дата и время День дд ммм гггг, чч: мм: сс GMT toUTCString () TolocaleStri ng () Строка местного времени и даты Зависит от ОС, локали и браузера toString () Строка локального времени и даты Зависит от ОС и браузера UTC () Заданная дата в формате год, месяц и день (и необязательные часы, минуты, секунды и миллисекунды) возвращает количество миллисекунд с полуночи 1 января. 1970 Дата в миллисекундах valueOf () Количество миллисекунд с полуночи 1 января 1970 года Дата в миллисекундах

Фактически, это было введение в использование даты и времени на веб-страницах с использованием Java Script. Используя эти объекты, представленные ранее, веб-дизайнер может сделать события намного более сложными, но они не подходят для этой статьи, которая предназначена для начинающих JavaScript.

Полезные ссылки

Узнайте больше о Javascript;)

  • Учебник JavaScript :
    В этой статье мы рассмотрим, как использовать код JavaScript в наших веб-приложениях и на веб-сайтах. У нас будет введение в этот замечательный язык, который растет в веб-разработке.
  • Введение в Javascript :
    В этой статье приведено краткое, простое и практическое введение в язык сценариев Javascript, который стал одной из основ веб-разработки.
  • JavaScript: как и когда использовать операторы == и === :
    Узнайте о различиях между операторами == и === (e! = E! ==) в JavaScript и их влиянии на ваш код.

Похожие

Работа - Opiekunka, świętokrzyskie - 39
... следние предложения о работе для этого поиска по электронной почте : Создавая уведомление, вы принимаете наши T & Cs и Уведомление о конфиденциальности и вы соглашаетесь на использование куки. Результаты 1-10 из 39 Показывать на сайте и сортировать по ИНТЕРКАДРА - DALESZYCE, ŚWIĘTOKRZYSKIE
Методы резервного копирования и восстановления
Tivoli Directory Server предоставляет методы для резервного копирования и восстановления информации экземпляра сервера каталогов. Существуют методы, которые выполняют резервное копирование полной информации для экземпляра сервера каталогов, и методы, которые создают резервные копии только данных в базе данных. Используйте информацию в
Методы назначения ордеров стоп-лосс
... в на Варшавской фондовой бирже - сложный период для инвесторов, владеющих акциями крупнейших компаний. Устойчивое падение котировок этих компаний может привести к значительному уменьшению активов в портфеле. Поэтому возникает вопрос, существуют ли методы или инструменты, которые могут защитить инвестора от резкого падения стоимости портфеля? Если да, то как их применять? В этой статье мы попытаемся разобраться с медвежьим рынком, представив универсальные и в то же время эффективные методы
Вы уже знаете все о хостинге с SSD дисками?
Выбор хостинга является ключевым вопросом для создания стабильной основы для вашего бизнеса. Если вы просто стоите перед тем, как решить, какой тип хостинга выбрать, прочитайте эту статью. Мы развеем ваши сомнения. В поисках идеального решения для вашего сайта вы столкнулись с такими услугами, как SSD Hosting и Hosting. Если вы не знаете, какой продукт вам следует выбрать, а название мало о чем говорит, стоит углубиться в то, что сервис
Тест ОЗУ с использованием встроенных ресурсов Windows
Томас Рау Многие сбои происходят из-за неправильной памяти. Чтобы исключить это, проверьте оперативную память. увеличить Если вы подозреваете,
ДАТАРТ | Частота обновления ТВ: когда вы не знаете, во что верить!
... ство производителей сегодня представляют свои воображаемые, вымышленные номера со своими телевизорами вместо реальной частоты обновления. Где это правда, и почему производители указывают значения, которые не соответствуют параметрам оборудования панели?
Обзор Windows 10: удерживайте, если вы используете Windows 7
После действительно жалкий Windows 8 и чуть менее убогий Windows 8.1, Windows 10 - это глоток свежего воздуха. Windows 10 гораздо удобнее в использовании, чем Wndows 8 или 8.1, и с гордостью предлагает набор новых функций, в том числе
Самые темные уголки интернета. Вы можете «разрушить чью-то жизнь» или совершить убийство
... видеоканалы, информационные и развлекательные сайты - то, чем является Интернет для большинства из нас - составляют всего 1 процент. сеть. Остальные 99 заняты Deep Web, также известный как темная сторона Интернета. Здесь вы можете найти все , от скучных результатов испытаний после взлома услуги, наркотиков, порнографии ( в том числе ребенок) к оружию.
Проверьте сайты, с которых вы загружаете приложения, Facebook и Apple борются за приложение и ирландскую ...
Проверьте сайты, с которых вы загружаете приложения, Facebook и Apple борются за приложение и ирландскую телефонную компанию, смущенную после кражи ноутбука. Добро пожаловать в кибербезопасность сегодня. Сегодня пятница, 24 августа. Чтобы прослушать подкаст, нажмите на стрелку ниже: Вот еще одно предупреждение о загрузке настольных или мобильных приложений.
Как я могу обменять валюту онлайн и сэкономить деньги?
... работает среднее, у нас нет возможности договориться о курсах обмена, как в случае традиционных обменных пунктов. Например, на одном из порталов возможность переговоров начинается только с суммы в 100 тысяч. PLN. Кроме того, вам также необходимо проверить, не облагает ли пункт обмена валюты, помимо разницы между продажей и покупкой, комиссию при заказе, поскольку это может существенно повлиять на прибыльность любой транзакции. Платформа обмена валюты. В дополнение
Сравнение 9,7-дюймового и 10,5-дюймового iPad Pro: стоит ли обновляться?
... создавали. Как с аппаратной, так и с программной точки зрения, это может быть правильным, хотя мы, вероятно, не будем знать наверняка до этой осени, когда выйдет iOS 11. Новое обновление программного обеспечения, впервые анонсированное в начале июня, добавляет множество инструментов многозадачности для линейки планшетов Apple Как iOS 11 делает ваш

Комментарии

Знаете ли вы, что вы можете взять любой subreddit и сделать его подачей RSS?
Знаете ли вы, что вы можете взять любой subreddit и сделать его подачей RSS? Просто добавьте .rss в конце URL ( reddit.com/r/webhosting/.rss ) и вуаля! Лучшие альтернативы Google Reader для настольных ПК RSSOwl - Windows, Linux и ОС RSSOwl клиент
Как вы знаете, если вы едете слишком быстро?
Как вы знаете, если вы едете слишком быстро? Проверьте свои практические тесты на наличие неосторожных ошибок в вопросах, которые вы должны были получить правильно. Получить немного ACT математическая практика здесь , Тест на чтение Практикуйтесь, чтобы найти оптимальный темп для вас на Тест на чтение
Знаете ли вы, что является самым большим плюсом такой поездки вне курортного сезона?
Знаете ли вы, что является самым большим плюсом такой поездки вне курортного сезона? Нет толпы. Бесконечные пляжи, стайки чаек, которые бродят в поисках крошек и тишины. На самом деле успокаивающий шум моря. Незаполненные пляжи также означают отсутствие очередей в ресторанах, которые только начинают следующий сезон. Этот недостаток очередей особенно оценят люди с маленькими детьми. Вы точно знаете, о чем я пишу Кроме того, майские выходные являются отличным
Знаете ли вы, что означает понятие SEO и какая история стоит за созданием одной из самых популярных индустрий интернет-маркетинга в мире?
Знаете ли вы, что означает понятие SEO и какая история стоит за созданием одной из самых популярных индустрий интернет-маркетинга в мире? SEO - что это значит в маркетинге SEO - это сокращение поисковой оптимизации, которое при переводе на наш язык означает поисковую оптимизацию . Впервые это выражение стало появляться еще в середине 90-х годов и было связано с популяризацией поисковых систем, таких как Altavista и Infoseek
Знаете ли вы, что первый адрес www был зарегистрирован 15 марта 1985 года?
Знаете ли вы, что первый адрес www был зарегистрирован 15 марта 1985 года? 25 лет спустя их было уже 180 миллионов! 1 домен для тех, кто уже является владельцем компании Если у вас уже есть компания, дело будет гораздо проще. Названия многих компаний становятся также доменными именами. Большинство людей будут искать имя веб-сайта после названия компании и не будут помнить необычный адрес. Пример: курьерская компания DHL (www.dhl.com)
Знаете ли вы, что живопись оказывает положительное влияние на ваш разум и тело?
Знаете ли вы, что живопись оказывает положительное влияние на ваш разум и тело? расслабляется Развивает креативность Учит терпению и сосредоточенности Развивает ручные навыки Отличная точность движений и поддерживает их координацию Оригинальный подарок! Изображение для живописи - это необычная идея подарка для творческой души. И не только! Дайте это кому-то,
Знаете ли вы, что большинство людей не прокручивают даже крутые сайты?
Знаете ли вы, что большинство людей не прокручивают даже крутые сайты? Поэтому уважайте границы страницы. Элементы призыва к действию должны быть размещены в верхней части страницы вместе с адресом электронной почты номера телефона (если вы хотите, чтобы клиенты звонили, пишите электронные письма). Таких элементов еще много, поэтому стоит подумать о сотрудничестве с профессиональной компанией. Мы здесь, чтобы помочь вам. Спросите нас о необязательном предложении
Используете ли вы настольную издательскую программу?
Используете ли вы настольную издательскую программу? Вы пробовали любую из программ, упомянутых выше? Если да, какой из них вы считаете лучшим? Есть ли что-то, что мы забыли? Дайте нам знать об этом в комментариях! Эта статья полезна? да нет
Вы на медицине, и вы должны теоретически читать в медицинских статьях, и вам нравится романтика?
Вы на медицине, и вы должны теоретически читать в медицинских статьях, и вам нравится романтика? Приходите и идите в библиотеку для хорошего, трогательного дела. Чтение - это удовольствие. Попробуйте применить политику на 50 страниц и не заставляйте себя читать. Если книга после 50 страниц не привлекает вас, уберите ее. Жаль, что книги читаются на прочность. Вместо этого тянуться к чему-то еще. Начните отслеживать, сколько вы читаете.
Вы знаете историю развития жестких дисков?
Вы знаете историю развития жестких дисков? Почему вы должны выбрать SSD хостинг? Прежде чем ответить на этот вопрос, подумайте о том, что является наиболее важным на веб-сайте: контент, удобство использования или графический дизайн? Все это не
Помните ли вы Windows 7, наиболее популярную операционную систему за всю историю Microsoft и преемника печально известной Vista?
Помните ли вы Windows 7, наиболее популярную операционную систему за всю историю Microsoft и преемника печально известной Vista? Энтузиасты прекрасно помнят, что «Сиодемка» не так сильно отличалась от своего предшественника, что могла бы объяснить такие поляризованные оценки. В случае с меню «Пуск» с Windows 10 это аналогично: это неплохое решение для Windows 8.1, которое, для позора, занимает немного меньше места на экране. И это также будет положительно оценено теми пользователями, которые

Знаете ли вы функцию даты в Javascript?
Поэтому возникает вопрос, существуют ли методы или инструменты, которые могут защитить инвестора от резкого падения стоимости портфеля?
Если да, то как их применять?
Где это правда, и почему производители указывают значения, которые не соответствуют параметрам оборудования панели?
Как я могу обменять валюту онлайн и сэкономить деньги?
Знаете ли вы, что вы можете взять любой subreddit и сделать его подачей RSS?
Как вы знаете, если вы едете слишком быстро?
Знаете ли вы, что является самым большим плюсом такой поездки вне курортного сезона?
Знаете ли вы, что означает понятие SEO и какая история стоит за созданием одной из самых популярных индустрий интернет-маркетинга в мире?
Знаете ли вы, что первый адрес www был зарегистрирован 15 марта 1985 года?