Se utiliza un objeto incorporado para trabajar con fecha y hora. Fecha. Este objeto no tiene propiedades, pero tiene varios métodos que le permiten configurar y cambiar la fecha y la hora.

Un objeto Fecha creado usando el operador nuevo y el diseñador - Fecha.

Por ejemplo:

var misDatos=nueva fecha();

Valor variable mis datos será la fecha y hora actuales:

Métodos de objetos Fecha Puedes obtener los valores del mes, día de la semana, horas, minutos y segundos por separado:

• obtener la fecha- devuelve un número entre 1 y 31 que representa el día del mes.
• obtenerHoras- devuelve la hora del día en el rango de 0 (medianoche) a 23.
• obtener minutos- devuelve minutos en el rango de 0 a 59.
• obtener segundos- devuelve segundos en el rango de 0 a 59.

fecha javascript

Ahora escribamos la función en sí. nTiempo():

función nTime(obj) ( var t=nueva fecha(); var h=t.getHours(); var m=t.getMinutes(); var s=t.getSeconds(); var resultado=h+":"+m+ ":"+s; obj.res.value=resultado; )

Aquí también me gustaría aclarar la línea var resultado=h+":"+m+":"+s. Por primera vez, nos enfrentamos a la necesidad de generar tanto valores de variables como texto sin formato. En principio, nada complicado: las variables se escriben tal como están, el texto se pone entre comillas y el signo + realiza la operación de concatenación, es decir su unificación.

En nuestro ejemplo, había un inconveniente: queríamos que la hora se mostrara en el formato “hh:mm:ss”, pero ahora se muestra en el formato “h:m:s”. Es decir, a las 5 am la hora se mostrará como “5:0:0”, pero a mí me gustaría que fuera así: “05:00:00” (que es más común). Como tarea puedes intentar solucionar este problema. Por ejemplo, usando el operador si y la cadena literal "0" (la idea es simple: si hay menos de 10 horas, entonces el resultado antes h escriba "0" y así sucesivamente con todas las variables).

Mientras tanto, sigamos estudiando los métodos del objeto. Fecha:

• obtenerDía- devuelve el día de la semana como un número entero de 0 (domingo) a 6 (sábado).
• obtener mes- devuelve el número del mes del año, como un número entero del 0 (enero) al 11 (diciembre).
• obtener año- devuelve el año con los dos últimos dígitos ( obtener año completo- devuelve el año en cuatro dígitos).

  * Desafortunadamente, desde el año 2000, existe un problema al mostrar el año en diferentes navegadores. El método getYear en IE muestra el año completo (en lugar de los dos últimos dígitos) y FireFox muestra 1XX en lugar de XX (es decir, sustituye 1). Por tanto, es preferible utilizar el método getFullYear.

El código de la página HTML será simple:

fecha javascript

Ahora escribamos la función en sí. tDatos():

Función tData(obj) ( var s; var t=new Date(); var y=t.getFullYear(); var d=t.getDate(); var mon=t.getMonth(); switch (mon) ( case 0: s="enero"; descanso; caso 1: s="febrero"; descanso; caso 2: s="marzo"; descanso; caso 3: s="abril"; descanso; caso 4: s="mayo "; descanso; caso 5: s="junio"; descanso; caso 6: s="julio"; descanso; caso 7: s="agosto"; descanso; caso 8: s="septiembre"; descanso; caso 9 : s="Octubre"; descanso; caso 10: s="Noviembre"; descanso; caso 11: s="Diciembre"; descanso; ) var resultado=d+" "+s+" "+y; obj.res.value =resultado; )

Resultó más largo que en el primer ejemplo, porque Tengo que traducir los nombres de los meses al ruso.

Los métodos discutidos anteriormente le permiten obtener la fecha. Si necesitamos establecer la fecha, debemos utilizar los siguientes métodos:

• Establece la fecha- establece el día del mes en el rango de 1 a 31.
• establecer horas- establece la hora actual en el rango de 0 (medianoche) a 23.
• establecer minutos- establece los minutos en el rango de 0 a 59.
• establecer segundos- establece segundos en el rango de 0 a 59.
• establecer año- establece el valor del año.
• establecerMes- establece el valor del mes en el rango de 0 (enero) a 11 (diciembre).
• fijar tiempo- establece el valor de un objeto Fecha y devuelve el número de milisegundos que han pasado desde el 1 de enero de 1970.

Var t=nueva fecha(); var y=t.setYear(2010); var d=t.setDate(6); var mon=t.setMonth(11); ...

Puede establecer la fecha directamente en el constructor especificando una cadena con el formato “mes, día, año horas:minutos:segundos” como parámetro:

Var t=nueva fecha("10 de febrero de 1975 17:45:10");

Se pueden omitir las horas, minutos y segundos (serán cero):

Var t=nueva fecha("10 de febrero de 1975");

La misma fecha se puede especificar usando números, enumerando el año, mes, día, horas, minutos, segundos separados por comas:

Var t=nueva Fecha(75, 1, 10, 17, 45, 10);

O bien, omitiendo horas, minutos y segundos (serán cero):

Var t=nueva Fecha(75, 1, 10);

Eso es todo, está listo para escribir un script usted mismo que, cuando se carga la página, mostrará la fecha, hora y día de su visita (en formato ruso normal). ¡Buena suerte!

Otra cosa útil para los sitios web es insertar la fecha actual. En Internet se pueden encontrar decenas de ejemplos de scripts de citas, pero muchos de ellos, en mi opinión, son engorrosos y, por tanto, feos. Mientras tanto, usando medios estándar JavaScript, puede insertar una fecha en la página de un sitio web de manera muy sencilla. ¡Lo uso muy a menudo! ¡En la imagen (captura de pantalla del sitio web actual) de la finca Skazka!

En mi opinión, no podría ser más sencillo, bonito y comprensible. Si no desea estudiar la construcción de este script, simplemente péguelo en cualquier lugar de la página HTML y obtendrá la siguiente inscripción:

Otra opción más avanzada

//
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
! Hoy
// + " " + d.getFullYear() + " g.");
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>

Se parece a esto:

Hoy

En general, no se requieren habilidades, simplemente inserte estúpidamente el código y ¡todo estará bien!

Entonces, comenzamos asignando el valor de fecha a la variable d, luego creamos matrices (Array) para los días de la semana (day) y meses (month), especificándolos en la forma gramatical necesaria: caso, número, letra mayúscula si el aparece la palabra al principio de la fecha, etc. .P. La última línea del script es la fecha de impresión real (document.write). Aquí usted establece qué y en qué orden se mostrará en la línea de fecha actual. Los componentes están separados entre sí por un signo +. Para ingresar un espacio, use la construcción " " y para ingresar la letra g (año) use la construcción " g ".

Como puede ver en el script, el elemento get realiza la obtención de datos sobre la hora actual. Este método le permite obtener la siguiente información:

• getDate(): devuelve un número del 1 al 31 que representa el día del mes;
• getDay() - devuelve el día de la semana como un número entero de 0 (domingo) a 6 (sábado);
• getMonth() - devuelve el número del mes del año;
• getFullYear(): devuelve el año. Si simplemente usa getYear() , se mostrará el año actual menos 1900;
• get Hours() - devuelve la hora del día;
• getMinutes() - devuelve los minutos como un número del 0 al 59;
• getSeconds(): devuelve el número de segundos de 0 a 59.

No siempre es conveniente insertar un script Java directamente en la página de un sitio web. Es mejor colocar la descripción del script al principio de la página entre las etiquetas y establecer una variable que llamaremos según sea necesario en el texto. Llamémoslo HOY y definamos en él el formulario de salida de fecha similar al anterior. El guión se verá así:

Para mostrar la fecha, llame al script en el lugar deseado en el código HTML de la página usando el siguiente comando:

documento.write(HOY);

Si su sitio contiene muchas páginas en las que necesita mostrar la fecha, entonces es más conveniente separar el script Java para mostrar la fecha en un archivo separado, por ejemplo, data.js. En la práctica, se trata de una página que consta del primero de los scripts descritos, es decir, con la línea document.write (ver arriba). Debe ubicarse en el mismo directorio que la página principal, y llamarse en el lugar donde se muestra la fecha de la siguiente manera:

No olvide verificar que el archivo data.js tenga la misma codificación que el documento principal; de lo contrario, la fecha se mostrará con maravillosos ganchos, cuadrados y otros trucos.

Comentario. Hay que tener en cuenta que el script descrito muestra la fecha configurada en el ordenador del usuario, que no siempre corresponde a la hora actual real. Si necesita mostrar la hora exacta, debe utilizar un script PHP que mostrará la hora en el servidor.

En esta lección, nos familiarizaremos con el objeto Fecha de JavaScript y aprenderemos cómo usarlo en la práctica.

En JavaScript, la creación de una fecha se realiza utilizando el objeto Fecha. Un objeto Fecha representa un punto en el eje del tiempo y está diseñado para almacenar una fecha y hora con una precisión de milisegundos.

Ejemplos de creación de una fecha en JavaScript.

1. Cree la fecha y hora actuales.

Obtener la fecha y hora actuales en JavaScript se realiza creando una instancia de un objeto Date sin especificar ningún parámetro:

// fecha actual (fecha y hora en el momento en que se creó la instancia del objeto Fecha computadora local usuario) var ahora = nueva Fecha(); // por ejemplo, imprimir la fecha actual en la consola console.log(now);

Si solo necesitas conseguir Fecha en formato de cadena, puede utilizar el método toLocaleDateString:

Var ahora = nueva Fecha().toLocaleDateString(); // 19/12/2019

La hora actual del usuario se puede obtener así:

Var ahora = nueva Fecha().toLocaleTimeString(); // 11:02:48 var ahora = new Date().toLocaleTimeString().slice(0,-3); // 11:02

Puede obtener la fecha y la hora en formato de cadena como este:

Var ahora = nueva Fecha().toLocaleString(); // 19/12/2019, 11:02:48

2. Crear una fecha especificando en el objeto Fecha el número de milisegundos que han pasado desde el 1 de enero de 1970 a las 00:00:00 UTC.

// 1 año (no de alto nivel) = 365*24*60*60*1000 = 31536000000 ms // por ejemplo, crea una fecha 01/01/1971, 00:00:00 UTC: var date1 = new Date( 31536000000);

3. Crear una fecha especificándola en un objeto Fecha como una cadena.

Con esta opción para crear una fecha, JavaScript intentará comprender la cadena que se le pasa y generará una fecha basada en ella. La conversión de una cadena en una fecha en JavaScript se realiza mediante el método Date.parse.

Por ejemplo:

// creando una fecha basada en una cadena en formato DD.MM.AA var date1 = new Date("05.11.19"); // crea una fecha basada en una cadena en el formato AAAA-MM-DDThh:mm:ss.sss (el carácter T se usa para separar la fecha y la hora) var date2 = new Date("2015-02-24T21:23 "); // crea una fecha basada en una cadena que indica la zona horaria (formato AAAA-MM-DDThh:mm:ss.sss±hh:mm): var date3 = new Date("2015-02-24T22:02+03:00 ");

4. Crear una fecha especificando los siguientes parámetros separados por comas: año (4 dígitos), mes (contando desde 0), día (1..31), horas (0..23), minutos (0..59) , segundos (0..59), milisegundos (0..999). Además, sólo los dos primeros parámetros son obligatorios.

Un ejemplo de creación de una fecha especificando solo los parámetros requeridos:

// crea la fecha 01/01/2015 (los parámetros predeterminados no especificados son: número - 01, horas - 00, minutos - 00, segundos - 00, milisegundos - 000). var fecha1 = nueva fecha (2015.01); // crea la fecha 24/01/2015, 21:23 var date2 = new Date(2015,01,24,21,23);

Nota: Si necesita configurar la fecha y la hora en UTC, puede utilizar el método Date.UTC.

//1 ejemplo var fecha1 = Fecha.UTC(2015,1,1); var fecha2 = nueva fecha(fecha1); alerta(fecha2.toUTCString()); //2 ejemplo var newDate = new Date(Date.UTC(2015,1,1)); alerta(newDate.toUTCString());

En JavaScript, se utilizan los siguientes métodos para obtener componentes de fecha y hora individuales:

• getFullYear() – devuelve el año que consta de 4 números;
• getMonth() – devuelve el mes en el formato de un número del 0 al 11 (0 – enero, 1 – febrero, 2 – marzo, ..., 11 – diciembre);
• getDate() – devuelve el día del mes del 1 al 31;
• getHours() – devuelve el número de horas de 0 a 23;
• getMinutes() – devuelve el número de minutos de 0 a 59;
• getSeconds() – devuelve el número de segundos de 0 a 59;
• getMillisegundos() – devuelve el número de milisegundos de 0 a 999.

Todos estos métodos devuelven componentes individuales de fecha y hora según la zona horaria configurada en el dispositivo local del usuario.

// crea la fecha 11/11/2019 00:00 UTC var newDate = new Date(Date.UTC(2019,11,11)); // obtiene los componentes de la fecha si la hora local en el dispositivo del usuario es UTC+10:00 newDate.getFullYear(); //2019 nuevaFecha.getMonth(); // 10 nuevaFecha.getFecha(); // 11 nuevaFecha.getHours(); // 10 nuevaFecha.getMinutos(); // 0 nuevaFecha.getSeconds(); // 0 nuevaFecha.getMillisegundos(); // 0

Un ejemplo en el que saludaremos al usuario dependiendo del intervalo de tiempo que tenga actualmente:

// obtiene la hora actual del usuario y los componentes de esta hora var now = new Date(), hora = now.getHours(), minuto = now.getMinutes(), segundo = now.getSeconds(), mensaje = ""; // define una frase de saludo dependiendo de la hora local del usuario if (hora