Este artículo describe el método de visualización de tiempo dinámico que implementa JavaScript sincronizado a la hora local. Compártelo para su referencia. El análisis específico es el siguiente:
El ejemplo del tiempo de visualización dinámica es muy simple. Después de comprender JavaScript, es posible completar las cosas con algunas líneas de código.
Pero para algunas personas que nunca han estado expuestas a JavaScript, casi parecen un gran proyecto, y luego buscan código en línea, y luego no pueden encontrarlo en el vasto código HTML y, en última instancia, no pueden obtener los puntos clave.
1. Objetivos básicos
Implemente un tiempo de texto de la página web acompañado por el tiempo del cliente (en la máquina del navegador), utilizando el código más corto.
2. Proceso de producción
Copie el código de la siguiente manera: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 transitional.dtd"> ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<title> jsClock </title>
</ablo>
<Body>
<script type = "text/javaScript">
función clock () {
var tiempo = new Date (). TOLOCALECRING ();
document.getElementById ("reloj"). innerhtml = time;
}
setInterval ("Clock ()", 1000);
</script>
<span id = "reloj"> </span>
</body>
</html>
1. Si el objeto de fecha usa un constructor sin parámetros, devolverá el tiempo del cliente. El método TOLOCALECRING () convierte el tiempo para mostrar el formato de tiempo. Si es solo el método toString (), solo convertirá el tiempo en una cadena de tiempo escrita en inglés. Al mismo tiempo, personalmente me di cuenta de que el método tolocaletiMestring () no existe, por favor no mezcle. Si no está satisfecho con el momento de la conversión de los propios métodos del sistema, utilice varios métodos como GetDay (), GetMonth (), GetFulTyear () para construir la cadena. No hay visualización de nuevo.
2. Innerhtml es equivalente a ID RELLEK Todos los elementos bajo reloj. document.getElementById ("reloj"). innerhtml = time; El significado de la oración "<span id =" reloj "> </span>" se cambia en el contenido de la cadena de tiempo.
3. La clave de este JavaScript es el setInterval ("Clock ()", 1000); función, lo que significa que la función Clock () se ejecuta una vez cada 1000 milisegundos, es decir, cada 1 segundo. Es decir, cada segundo, el contenido del <span id = "reloj"> </span> se actualiza a la cadena de tiempo.
Espero que este artículo sea útil para la programación de JavaScript de todos.