同一個網頁中實作多個JavaScript特效的方法_javascript技巧

本文實例講述了同一個網頁中實作多個JavaScript特效的方法。分享給大家供大家參考。具體分析如下：

一般來說，在網頁中，如果出現兩次標籤，所有的JavaScipt腳本都不會再生效，只能出現一次標籤，但是，同一個網頁中常常需要多個JavaScript特效。

一、基本目標

在網頁中掛載兩個JavaScript時鐘，其中一個是每1秒走一次的正常時間，另外一個是每3秒才走一次的不正常時鐘，只是為了區分之後，來說明同一個網頁中如何實作多個JavaScript特效。效果如下圖所示：

二、製作過程

方法一：

複製程式碼 程式碼如下:

 
 
 
 
 

 

 
 

先把要實現的那段特效的寫到一個函數裡，函數a(),b()，再透過body的onLoad，讓其載入網頁就馬上去載入這段函數。
至於clocka()與clockb()，是根據原來的JavaScript程式碼改寫過來的。原來處於

中那段JavaScript程式碼如下：

複製程式碼 程式碼如下:

 

方法二：

就是在<script>不寫入type類型，直接寫type，不過這種方法有一定的延遲性，特效是一個一個加載的，如果太多特效的話，效果會不好。 </script>

但是編碼的整潔性與直覺性，完勝上面的方法。

程式碼如下：

複製程式碼 程式碼如下:

 
 
 
 
函數clocka() { 
            var time = new Date().toLocaleString(); 
            document.getElementById("clocka").innerHTML = 時間; 
        } 
函數clockb() { 
            var time = new Date().toLocaleString(); 
            document.getElementById("clockb").innerHTML = 時間; 
        }    
腳本> 
 
twojs標題> 
頭> 
 
 
 
setInterval("clocka()", 1000); 
腳本> 
 
setInterval("clockb()", 3000); 
腳本> 

 

 
正文> 

希望本文對大家介紹的javascript程式設計有幫助。