Dieser Artikel beschreibt die Methode zur Implementierung mehrerer JavaScript -Spezialeffekte auf derselben Webseite. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Im Allgemeinen werden alle JavaScript -Skripte nicht erneut wirksam, wenn das <script type = "text/javaScript"> </script> zweimal angezeigt wird, und nur einmal wird <script type = "text/javaScript"> </script> Tags angezeigt. Auf derselben Webseite werden jedoch häufig mehrere JavaScript -Spezialeffekte benötigt.
1. Grundziele
Mount Two JavaScript taktt auf der Webseite, von denen eine die normale Zeit ist, die alle 1 Sekunde verschwindet, und die andere ist eine abnormale Uhr, die alle 3 Sekunden verschwindet. Es dient nur, es zu unterscheiden und zu erklären, wie mehrere JavaScript -Spezialeffekte auf derselben Webseite implementiert werden können. Der Effekt ist in der folgenden Abbildung dargestellt:
2. Produktionsprozess
Methode 1:
Kopieren Sie den Code wie folgt: <html>
<kopf>
<script type = "text/javaScript">
function totraa () {
var time = new Date (). Tolocalestring ();
document.GetElementById ("kucha"). Innerhtml = Zeit;
}
Funktion a () {
kucha ();
setInterval ("totraa ()", 1000);
}
Funktion clockb () {
var time = new Date (). Tolocalestring ();
document.getElementById ("clockb"). Innerhtml = Zeit;
}
Funktion b () {
clockb ();
setInterval ("clockb ()", 3000);
}
</script>
</head>
<body onload = "a (), b ()">
<div id = "tucha"> </div>
<div id = "clockb"> </div>
</body>
</html>
Schreiben Sie zuerst den speziellen Effekt, der in eine Funktion implementiert werden soll, Funktionen a (), b () und dann mit dem Onload des Körpers die Webseite laden und diese Funktion sofort laden.
Was CLOTA () und clockb () betrifft, werden sie basierend auf dem ursprünglichen JavaScript -Code neu geschrieben. Der JavaScript -Code, der ursprünglich in <body> war, lautet wie folgt:
Kopieren Sie den Code wie folgt: <script type = "text/javaScript">
Funktion Clock () {
var time = new Date (). Tolocalestring ();
document.getElementById ("Uhr"). Innerhtml = Zeit;
}
setInterval ("clock ()", 1000);
</script>
Methode 2:
Es bedeutet, nicht in <script> zu schreiben, aber der Typ wird direkt geschrieben. Diese Methode hat jedoch eine bestimmte Verzögerung. Die Spezialeffekte werden nacheinander beladen. Wenn es zu viele Spezialeffekte gibt, wird der Effekt schlecht sein.
Die Ordentlichkeit und Intuitivität der Codierung sind jedoch besser als die obige Methode.
Der Code ist wie folgt:
Kopieren Sie den Code wie folgt: <! 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">
<kopf>
<Script>
function totraa () {
var time = new Date (). Tolocalestring ();
document.GetElementById ("kucha"). Innerhtml = Zeit;
}
Funktion clockb () {
var time = new Date (). Tolocalestring ();
document.getElementById ("clockb"). Innerhtml = Zeit;
}
</script>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> TwoJs </title>
</head>
<body>
<Script>
setInterval ("totraa ()", 1000);
</script>
<Script>
setInterval ("clockb ()", 3000);
</script>
<div id = "tucha"> </div>
<div id = "clockb"> </div>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.