1. Descripción general
Al navegar por muchos sitios web, encontrará que la función de mostrar el tiempo actual del sistema se agrega al sitio web. Mostrar la hora actual del sistema en la página web no solo hace que sea conveniente para los espectadores comprender la hora actual, sino que también embellece la página web.
2. Puntos técnicos
Implementación utilizando objetos de fecha. Primero, cree un objeto Date () que represente la hora actual del sistema y luego obtenga los valores del año, mes, día, hora, minuto, segundo y semana del tiempo actual a través del método getxxx () del objeto de fecha. A continuación, combine los valores obtenidos en una cadena de fecha y hora, y establezca la cadena de fecha y hora en el contenido de la etiqueta <Div>. Finalmente, use la función SetTimeOut () del objeto de la ventana para llamar a una función que muestra el tiempo del sistema en tiempo real cada 1 segundo.
3. Implementación específica
(1) Cree una nueva página index.jsp y escriba una función JavaScript que muestre tiempo del sistema en tiempo real. El código clave es el siguiente:
/*** Pantalla en tiempo real del tiempo del sistema*/function getLangDate () {var dateObj = new Date (); // Objeto de fecha que representa la hora actual del sistema var año = dateObj.getblyear (); // El valor de año completo del tiempo actual tiempo var mes = dateObj.getMonth ()+1; // El valor de mes de la hora actual del sistema var date = dateObj.getDate (); // El día del sistema actual de tiempo var day = dateObj.getday (); // El día del sistema actual Time var Weeks = ["domingo", "lunes", "martes", "jueves", "viernes", "sábado"]; VAR Semana = semanas [día]; // Desde el valor de la semana, obtenga la cadena de la semana correspondiente de la matriz var hour = dateobj.gethours (); // El valor de la hora del sistema actual de tiempo var minuto = dateObj.getminutes (); // El valor minuto del tiempo actual Tiempo Var Second = dateObj.getSeconds (); // El segundo valor de la hora actual del sistema // si los valores de mes, día, hora, minuto y segundo son menores de 10, agregue 0if (mes <10) {mes = "0"+mes;} if (date <10) {date = "0"+date;} if (hora <10) {hora = "0"+hora;} if (minuto <10) {minuto = "+minuto;} si (hora <10) "0"+segundo;} var newdate = año+"año"+mes+"mes"+fecha+"día"+semana+""+hora+":"+minuto+":"+segundo; document.getElementById ("datestr"). Innerhtml = "anuncio del sistema: ["+rechoDate+"]"; setTimeut ("getLangDate ()", 1000;(2) La función JavaScript escrita en el paso de carga del evento Onload (1) en la etiqueta de la página <Body>, y la etiqueta <div> se agrega a la posición apropiada de la página, con la ID "Datestr". El código clave es el siguiente:
<Body onload = "getLangDate ()"> <div id = "datestr"> </div> </body>
Cuando la visualización en tiempo real del tiempo del sistema, también puede usar el método setIntervar () del objeto de la ventana. El método SetInterval () es similar al método setTimeOut ().
La diferencia es que después de llamar al método setIntervar () del objeto de la ventana, el método JavaScript llamado por el método setIntervar () se ejecutará todo el tiempo, mientras que el método setTimeOut () solo se puede ejecutar una vez. Si desea ejecutar un método JavaScript a través del método setTimeOut (), setTimeOut () debe escribirse en el método JavaScript llamado.
Lo anterior es el conocimiento relevante que le presenta el editor sobre la visualización en tiempo real del tiempo del sistema basado en el código JS. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!