تصف هذه المقالة طريقة تنفيذ المؤثرات الخاصة JavaScript المتعددة في نفس صفحة الويب. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
بشكل عام ، إذا ظهرت علامة <script type = "text/javaScript"> </script> مرتين ، فلن تصدر جميع البرامج النصية JavaScript مرة أخرى ، وبمجرد أن تظهر علامات Script = "Text/JavaScript"> </script>. ومع ذلك ، غالبًا ما تكون هناك حاجة إلى مؤثرات خاصة JavaScript في نفس صفحة الويب.
1. الأهداف الأساسية
قم بتثبيت ساعتين JavaScript في صفحة الويب ، أحدهما هو الوقت العادي الذي يزول كل ثانية واحدة ، والآخر ساعة غير طبيعية تختفي كل 3 ثوانٍ. إنه مجرد تمييزه وشرح كيفية تنفيذ مؤثرات خاصة JavaScript متعددة في نفس صفحة الويب. يظهر التأثير في الشكل أدناه:
2. عملية الإنتاج
الطريقة 1:
انسخ الرمز كما يلي: <html>
<head>
<script type = "text/javaScript">
وظيفة clocka () {
var time = new Date (). tolocalestring () ؛
document.getElementById ("clocka"). innerhtml = time ؛
}
وظيفة A () {
clocka () ؛
setInterval ("clocka ()" ، 1000) ؛
}
وظيفة clockB () {
var time = new Date (). tolocalestring () ؛
document.getElementById ("clockb"). innerhtml = time ؛
}
الوظيفة B () {
clockB () ؛
setInterval ("clockb ()" ، 3000) ؛
}
</script>
</head>
<body onload = "a () ، b ()">
<div id = "clocka"> </viv>
<div id = "clockb"> </viv>
</body>
</html>
اكتب أولاً التأثير الخاص المراد تنفيذه في دالة ، والوظائف A () ، و B () ، ثم استخدم Onload للجسم لتحميل صفحة الويب وتحميل هذه الوظيفة على الفور.
بالنسبة إلى Clocka () و ClockB () ، يتم إعادة كتابتها بناءً على رمز JavaScript الأصلي. رمز JavaScript الذي كان في الأصل في <Body> كما يلي:
انسخ الرمز كما يلي: <script type = "text/javaScript">
وظيفة clock () {
var time = new Date (). tolocalestring () ؛
document.getElementById ("الساعة"). innerhtml = time ؛
}
setInterval ("clock ()" ، 1000) ؛
</script>
الطريقة 2:
وهذا يعني عدم كتابة النوع في <script> ، ولكن النوع مكتوب مباشرة. ومع ذلك ، فإن هذه الطريقة لها تأخير معين. يتم تحميل المؤثرات الخاصة واحدة تلو الأخرى. إذا كان هناك الكثير من المؤثرات الخاصة ، فسيكون التأثير سيئًا.
ومع ذلك ، فإن الدقة والاستبداد للترميز أفضل من الطريقة المذكورة أعلاه.
الرمز كما يلي:
انسخ الرمز على النحو التالي: <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<script>
وظيفة clocka () {
var time = new Date (). tolocalestring () ؛
document.getElementById ("clocka"). innerhtml = time ؛
}
وظيفة clockB () {
var time = new Date (). tolocalestring () ؛
document.getElementById ("clockb"). innerhtml = time ؛
}
</script>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> twojs </title>
</head>
<body>
<script>
setInterval ("clocka ()" ، 1000) ؛
</script>
<script>
setInterval ("clockb ()" ، 3000) ؛
</script>
<div id = "clocka"> </viv>
<div id = "clockb"> </viv>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.