この記事では、同じWebページに複数のJavaScript特殊効果を実装する方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
一般的に言えば、<script type = "text/javascript"> </script>タグが2回表示される場合、すべてのjavaScriptスクリプトは再び有効になり、<スクリプトタイプ= "text/javascript"> </script>タグが表示されます。ただし、同じWebページでは、多くの場合、複数のJavaScriptの特殊効果が必要です。
1。基本的な目的
Webページに2つのJavaScriptクロックをマウントします。1つは1秒ごとに消える通常の時間であり、もう1つは3秒ごとに消える異常な時計です。それを区別し、同じWebページに複数のJavaScriptの特殊効果を実装する方法を説明するためだけです。効果は、下の図に示されています。
2。生産プロセス
方法1：
次のようにコードをコピーします：<html>
<head>
<script type = "text/javascript">
functionclocka（）{
var time = new date（）。tolocalestring（）;
document.getElementById（ "clocka"）。innerhtml = time;
}
関数a（）{
clocka（）;
setInterval（ "clocka（）"、1000）;
}
functionclockb（）{
var time = new date（）。tolocalestring（）;
document.getElementById（ "clotb"）。innerhtml = time;
}
関数b（）{
clockb（）;
setInterval（ "clockb（）"、3000）;
}
</script>
</head>
<body onload = "a（）、b（）">
<div id = "clocka"> </div>
<div id = "clockb"> </div>
</body>
</html>
まず、特別な効果を機能させ、関数、関数a（）、b（）を機能させ、次にボディのオンロードを使用してWebページを読み込み、この関数をすぐに読み込みます。
clocka（）およびclockb（）については、元のJavaScriptコードに基づいて書き換えられます。元々<body>にあったJavaScriptコードは次のとおりです。
次のようにコードをコピーします。<script type = "text/javascript">
functionClock（）{
var time = new date（）。tolocalestring（）;
document.getElementById（ "clock"）。innerhtml = time;
}
setInterval（ "clock（）"、1000）;
</script>
方法2：
<script>にタイプを書くことはないことを意味しますが、タイプは直接書かれています。ただし、この方法には一定の遅延があります。特殊効果は1つずつロードされます。特殊効果が多すぎると、効果は悪くなります。
ただし、エンコーディングのきちんとした直感性は、上記の方法よりも優れています。
コードは次のとおりです。
次のようにコードをコピーします。<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<スクリプト>
functionclocka（）{
var time = new date（）。tolocalestring（）;
document.getElementById（ "clocka"）。innerhtml = time;
}
functionclockb（）{
var time = new date（）。tolocalestring（）;
document.getElementById（ "clotb"）。innerhtml = time;
}
</script>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Title> 2JS </title>
</head>
<body>
<スクリプト>
setInterval（ "clocka（）"、1000）;
</script>
<スクリプト>
setInterval（ "clockb（）"、3000）;
</script>
<div id = "clocka"> </div>
<div id = "clockb"> </div>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。