[Recomendaciones relacionadas: video tutorial de JavaScript, interfaz web]
A continuación, explicaremos el segundo tipo de objeto integrado común en JS
: el objeto Date es diferente del objeto Math. El objeto Math no es un constructor. y se puede usar directamente, mientras que el objeto Date es un constructor, por lo que debemos pasar por la creación de instancias del objeto, es decir, nuevo antes de que pueda usarse. Los objetos Date se usan principalmente para lidiar con problemas de fecha y hora en el desarrollo.
var date=new Date();
Se puede crear una instancia del objeto de fecha con o sin parámetros. La salida sin parámetros es la hora estándar del sistema actual.
1:
Después de la creación de instancias sin parámetros, se mostrará la hora y la fecha del sistema actual.
var date=new Date(); //Sin parámetros console.log(date); producción.
Hay dos tipos de creación de instancias con parámetros, a saber, tipo numérico y tipo de cadena . Los siguientes son ejemplos de los dos tipos respectivamente
1. Creación de instancias de parámetros numéricos:
var date=new Date(2021,1,18); //Parámetro numérico console.log(fecha);
Puede ver que el parámetro que ingresamos es enero, pero el resultado de salida es febrero (febrero). La salida numérica será un mes mayor que el mes que ingresamos.
2. Creación de instancias de parámetros de cadena:
var date=new Date('2021-1-18 12:56:00'); //Parámetros de cadena console.log(date);
El parámetro es enero y el resultado de salida también es enero, por lo que los parámetros de cadena se utilizan con más frecuencia que los parámetros numéricos.
Ya sabemos que el objeto Math tiene muchos atributos y métodos que se pueden usar directamente. Lo mismo ocurre con el objeto Date. También se pueden usar muchos métodos después de la creación de instancias. métodos utilizados para formatear el año, mes y día:
getFullYear() Salida del año actual
getMonth() Genera el mes actual (cabe señalar que el mes de salida es 1 menos que el mes real, y se debe agregar 1 a la salida del mes real)
getDate() Salida del día actual
getDay() Muestra el día actual de la semana (números correspondientes de lunes a domingo: 1 2 3 4 5 6 0)
var Fecha=nueva Fecha(); console.log(Date.getFullYear()); // Genera el año actual console.log(Date.getMonth() + 1); // El resultado de salida es el mes anterior al mes actual. el mes actual console .log(Date.getDate()); //Muestra el día actual de la semana console.log(Date.getDay()); //Muestra el día actual de la semana
Si desea que el efecto de salida sea el martes 18 de enero de 2021 , puede hacer lo siguiente
(porque el día de la semana solo puede devolver un número, pero según la costumbre queremos devolver el 'día de la semana', entonces tratamos el número devuelto como un índice, colocamos de domingo a sábado en una matriz, porque el domingo devuelve 0, por lo que colocamos el domingo en la primera posición de la matriz, que corresponde al índice 0)
var arr=['Sunday','Monday ','Martes','Miércoles','Jueves','Viernes','Sábado']; var Fecha=nueva fecha(); var año=Fecha.getFullYear(); var mes=Fecha.getMes() + 1; var fecha=Fecha.getDate(); var día=Fecha.getDay(); console.log(año + 'año' + mes + 'mes' + fecha + 'día' + llegada[día]);
getHours()
como formatear años, meses y días arriba
.Salida de la hora actual
getMinutes() Salida del minuto actual
getSeconds() Genera la segunda
var actual Date=new Date(); console.log(Date.getHours()); //Muestra la hora actual console.log(Date.getMinutes()); //Muestra los minutos actuales console.log(Date.getSeconds()); artículos de segunda clase
Genere horas, minutos y segundos en formato continuo:
encapsúlelo en una función y use el operador ternario para agregar 0 a números menores que 10, lo cual está en línea con el hábito habitual de mirar la
función de tiempo tiempo () { var hora=nueva fecha(); var h=time.getHours(); h = h<10? '0'+h:h; var m=time.getMinutes(); metro = metro<10 ? '0'+metro : metro; var s=time.getSeconds(); s = s<10? '0'+s : s; return h+'hora'+m+'minuto'+s+'segundo'; } console.log(hora());
El número total de milisegundos mencionado aquí se refiere al número total de milisegundos desde la hora actual hasta el 1 de enero de 1970. Hay cuatro métodos para expresar
valueOf ()
getTime. ()
var fecha= nueva fecha(); console.log(fecha.valorOf()); console.log(fecha.getTime());
O utilice otro método de escritura simple var date=+new Date(); que devuelve el número total de milisegundos
var date=+new Date();console.log
(
date);
y un nuevo método agregado en H5. Este método se puede obtener sin crear una instancia de un objeto y es más simple
en la vida diaria
La cuenta atrás se utiliza en muchos lugares durante el desarrollo, como Taobao, la cuenta atrás de la venta flash Double Eleven de JD.com, etc. ¿Cómo podemos escribir un efecto de cuenta atrás? Primero pensamos en lo que acabamos de aprender sobre cómo obtener la hora actual y luego reste el tiempo que establecimos. El tiempo es suficiente, pero es probable que el tiempo estándar que obtengamos sea un número negativo después de la resta (como 02-12). Entonces nuestra marca de tiempo es valiosa. La marca de tiempo es el número total de milisegundos que acabamos de mencionar. Este tiempo nunca se repetirá. Para esto, podemos usar el número total de milisegundos establecido menos el número total de milisegundos actual. Conversiones de unidades, puede obtener un caso de cuenta regresiva simple. Primero, debemos ser competentes para recordar la relación entre conversiones de unidades:
1 segundo = 1000 milisegundos
, días = segundos/60/60/24
horas = segundos Número/60/60%. 24
minutos = segundos/60% 60
segundos = segundos% 60 Para
segundos que no pueden ser divisibles, podemos usar el método parseInt() para redondear. Con tal relación de conversión, este caso de cuenta regresiva se puede lograr fácilmente con
la función count(time). { var nowtime=+new Date(); //Obtener la hora actual var aimtime=+new Date(time); //Obtener la hora objetivo (hora de finalización) var times=(aimtime-nowtime)/1000; //Obtiene la diferencia de tiempo de la cuenta regresiva (milisegundos). Divide 1000 para obtener los segundos. d<10?'0' +d:d; //Agrega 0 al tiempo menor que 10 var h=parseInt(times/60/60%24) //Obtener las horas de cuenta regresiva h=h<10?'0'+h:h //Agregar 0 al tiempo menor que 10; var m=parseInt(times/60%60) //Obtener los minutos de la cuenta regresiva m=m<10?'0'+m:m //Agregar 0 al tiempo menor que 10; var s=parseInt(times%60) //Obtener los segundos de la cuenta regresiva s=s<10?'0'+s:s //Agregar 0 al tiempo menor que 10; return d + 'día' + h + 'hora' + m + 'minuto' + s + 'segundo' //Regresar cuenta regresiva} alert('La cuenta regresiva permanece' + count('2022-1-18 16:30:00')); // Llama e ingresa la hora de finalización del objetivo
[Recomendaciones relacionadas: video tutorial de JavaScript, interfaz web]
El Lo anterior es una comprensión completa. Para obtener más detalles sobre el objeto Fecha de JavaScript, preste atención a otros artículos relacionados en la red de código fuente para obtener más información.