Este artículo describe el método para implementar múltiples efectos especiales de JavaScript en la misma página web. Compártelo para su referencia. El análisis específico es el siguiente:
En términos generales, si la etiqueta <script type = "text/javaScript"> </script> aparece dos veces, todos los scripts JavaScript no volverán a entrar en vigencia, y solo una vez <script type = "text/javaScript"> </script> aparecerán. Sin embargo, a menudo se necesitan múltiples efectos especiales de JavaScript en la misma página web.
1. Objetivos básicos
Monte dos relojes JavaScript en la página web, uno de los cuales es el tiempo normal que desaparece cada 1 segundo, y el otro es un reloj anormal que desaparece cada 3 segundos. Es solo para distinguirlo y explicar cómo implementar múltiples efectos especiales de JavaScript en la misma página web. El efecto se muestra en la figura a continuación:
2. Proceso de producción
Método 1:
Copie el código de la siguiente manera: <html>
<Evista>
<script type = "text/javaScript">
función clocka () {
var tiempo = new Date (). TOLOCALECRING ();
document.getElementById ("Clocka"). InnerHtml = Time;
}
función a () {
clocka ();
setInterval ("Clocka ()", 1000);
}
función clockb () {
var tiempo = new Date (). TOLOCALECRING ();
document.getElementById ("relojb"). innerhtml = time;
}
función b () {
relojB ();
setInterval ("Clockb ()", 3000);
}
</script>
</ablo>
<Body Onload = "A (), B ()">
<div id = "clocka"> </div>
<div id = "relojb"> </div>
</body>
</html>
Primero escriba el efecto especial que se implementará en una función, las funciones A (), B (), y luego use la carga del cuerpo para cargar la página web y cargar esta función de inmediato.
En cuanto a Clocka () y Clockb (), se reescriben en función del código JavaScript original. El código JavaScript que estaba originalmente en <body> es el siguiente:
Copie el código de la siguiente manera: <script type = "text/javaScript">
función clock () {
var tiempo = new Date (). TOLOCALECRING ();
document.getElementById ("reloj"). innerhtml = time;
}
setInterval ("Clock ()", 1000);
</script>
Método 2:
Significa no escribir tipo en <script>, pero el tipo se escribe directamente. Sin embargo, este método tiene un cierto retraso. Los efectos especiales se cargan uno por uno. Si hay demasiados efectos especiales, el efecto será malo.
Sin embargo, la ordenación y la intuición de la codificación son mejores que el método anterior.
El código es el siguiente:
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>
<script>
función clocka () {
var tiempo = new Date (). TOLOCALECRING ();
document.getElementById ("Clocka"). InnerHtml = Time;
}
función clockb () {
var tiempo = new Date (). TOLOCALECRING ();
document.getElementById ("relojb"). innerhtml = time;
}
</script>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> twojs </title>
</ablo>
<Body>
<script>
setInterval ("Clocka ()", 1000);
</script>
<script>
setInterval ("Clockb ()", 3000);
</script>
<div id = "clocka"> </div>
<div id = "relojb"> </div>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.