Полное владение объектом Date в JavaScript.

[Рекомендации по теме: видеоурок по JavaScript, веб-интерфейс]

Далее мы объясним второй тип общего встроенного объекта в JS — объект Date

. Объект Math не является конструктором. и может использоваться напрямую, в то время как объект Date является конструктором, поэтому мы должны пройти процедуру создания экземпляра объекта, то есть создать его заново, прежде чем его можно будет использовать. Объекты Date в основном используются для решения проблем времени и даты в разработке.

Создание экземпляра объекта Date:

var date=new Date();

Экземпляр объекта Date может быть создан с параметрами или без них. Выходные данные без параметров — это стандартное время текущей системы. Если есть параметры, мы можем вывести время, которое хотим отобразить. .

1: Создание экземпляра без параметров.

После создания экземпляра без параметров будут отображаться время и дата текущей системы.

var date=new Date(); //Нет параметров console.log(date); выход.

2. Создание экземпляров с параметрами

Существует два типа создания экземпляров с параметрами, а именно числовой тип и строковый тип . Ниже приведены примеры двух типов соответственно.

1. Создание экземпляров числовых параметров:

var date=new Date(2021,1,18); //Числовой параметр console.log(date);

Вы можете видеть, что введенный нами параметр — январь, но выходной результат — февраль (февраль). Числовой результат будет на один месяц больше, чем введенный нами месяц.

2. Создание экземпляров строковых параметров:

var date=new Date('2021-1-18 12:56:00'); //Строковые параметры console.log(date);

Параметр — январь, и выходной результат — также январь, поэтому строковые параметры используются чаще, чем числовые параметры.

Третье: форматирование года, месяца и дня.

Мы уже знаем, что объект Math имеет множество атрибутов и методов, которые можно использовать напрямую. То же самое относится и к объекту Date. Многие методы также можно использовать после создания экземпляра. используемые методы форматирования года, месяца и дня:

getFullYear() Выведите текущий год

getMonth() Выведите текущий месяц (следует отметить, что выходной месяц на 1 меньше фактического месяца, и к выходным данным реального месяца следует добавить 1)

getDate() Вывести текущий день

getDay() Выведите текущий день недели (соответствующие числа с понедельника по воскресенье: 1 2 3 4 5 6 0)

var Date=new Date();

 console.log(Date.getFullYear()); //Выводим текущий год console.log(Date.getMonth() + 1); //Результатом вывода является месяц, предшествующий текущему месяцу. Для возврата необходимо вручную добавить 1. текущий месяц console.log(Date.getDate()); //Выводим текущий день недели console.log(Date.getDay()); //Выводим текущий день недели.

Если вы хотите, чтобы выходным эффектом был вторник, 18 января 2021 г. , вы можете сделать следующее

(поскольку день недели может возвращать только одно число, но по привычке мы хотим вернуть «день недели», поэтому мы рассматриваем возвращаемое число как индекс, помещаем воскресенье в субботу в массив, потому что воскресенье возвращает 0, поэтому поместите воскресенье в первую позицию массива, что соответствует индексу 0)

var arr=['Sunday','Monday ','Вторник','Среда','Четверг','Пятница','Суббота'];

вар Дата = новая дата ();

вар год = Date.getFullYear(); 

вар месяц = ​​Date.getMonth() + 1; 

вар дата = Date.getDate();

вар день = Date.getDay();  

 console.log(год + 'год' + месяц + 'месяц' + дата + 'день' + приб[день]);

Четвертое: форматирование часов, минут

getHours(),

как и форматирование лет, месяцев и дней, описанных выше

Вывести текущий час

getMinutes() Вывести текущую минуту

getSeconds() Выведите текущую вторую

переменную Date=new Date();  

console.log(Date.getHours()); //Выводим текущий час console.log(Date.getMinutes()); //Выводим текущие минуты console.log(Date.getSeconds()); //Выводим текущие минуты. секунды

Вывод часов, минут и секунд в непрерывном формате:

инкапсулируйте их в функцию и используйте тернарный оператор, чтобы добавить 0 к числам меньше 10, что соответствует обычной привычке смотреть на

функцию времени time().

{

вар время = новая дата ();

вар h=time.getHours();

час = час<10 ? '0'+час: час;

вар m=time.getMinutes();

м = м<10 ? '0'+м: м;

вар s=time.getSeconds();

s = s<10 '0'+s: s;

return h+'час'+m+'минута'+s+'секунда';

}

console.log(время());

Пятое: получить общее количество миллисекунд (метку времени) текущего времени.

Общее количество миллисекунд, упомянутое здесь, относится к общему количеству миллисекунд с текущего времени до 1 января 1970 года. Существует четыре метода выражения

valueOf()

getTime. ()

вар дата = новая дата ();

console.log(date.valueOf());   

console.log(date.getTime());

Или используйте другой простой метод записи var date=+new Date(), который возвращает общее количество миллисекунд

var date=+new Date();

(

date);

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

Шесть: случай обратного отсчета (ключевой момент)

в повседневной жизни. Обратный отсчет используется во многих местах во время разработки, например, на Taobao, обратном отсчете Double Eleven Flash Sale от JD.com и т. д. Как мы можем написать эффект обратного отсчета? Сначала мы думаем о том, что мы только что узнали о получении текущего времени, а затем? вычтите установленное нами время. Времени достаточно, но стандартное время, которое мы получим, после вычитания, скорее всего, будет отрицательным числом (например, 02-12). Что нам делать? Таким образом, наша временная метка представляет собой общее количество только что упомянутых миллисекунд. Это время никогда не будет повторяться. Для этого мы можем использовать установленное общее количество миллисекунд минус текущее общее количество миллисекунд после выполнения серии. преобразования единиц, вы можете получить простой случай обратного отсчета. Во-первых, нам нужно научиться запоминать взаимосвязь между преобразованиями единиц:

1 секунда = 1000 миллисекунд

, дни = секунды/60/60/24

часа = число секунд/60/60%. 24

минуты=секунды/60%60

секунд=секунды%60Для

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

функции count(time).

{

    var nowtime=+new Date(); //Получаем текущее время var aimtime=+new Date(time); //Получаем целевое время (время окончания)

    var times=(aimtime-nowtime)/1000 //Получаем разницу во времени обратного отсчета (в миллисекундах). Делим 1000, чтобы получить секунды. var d=parseInt(times/60/60/24) //Получаем дни обратного отсчета d=. d<10?'0' +d:d //Добавить 0 ко времени меньше 10;

    var h=parseInt(times/60/60%24) //Получаем часы обратного отсчета h=h<10?'0'+h:h //Добавляем 0 ко времени меньше 10;

    var m=parseInt(times/60%60) //Получаем минуты обратного отсчета m=m<10?'0'+m:m; //Добавляем 0 ко времени меньше 10;

    var s=parseInt(times%60) //Получаем секунды обратного отсчета s=s<10?'0'+s:s //Добавляем 0 ко времени меньше 10

    return d + 'день' + ч + 'час' + м + 'минута' + с + 'секунда' // Возврат обратного отсчета};

alert('Обратный отсчет остается' + count('2022-1-18 16:30:00')); //Вызов и ввод времени окончания цели

[

Связанные рекомендации: видеоурок по JavaScript, веб-интерфейс]

выше приведено полное понимание. Для получения более подробной информации об объекте Date в JavaScript обратите внимание на другие соответствующие статьи в сети исходного кода для получения дополнительной информации!