Flash AS 入門教程 setInterval函數(shù)應用舉例

2020-07-17 13:13:46

字體：大中小

供稿：網(wǎng)友

　　setInterval動作的作用是在播放動畫的時，每隔一定時間就調(diào)用函數(shù)，方法或?qū)ο蟆?img alt="" src="/d/file/p/2020/07-17/2a75cd11eb7bfa4f2d9a140929cb803f.gif" />源文件下載

　　本節(jié)知識要點：

　　1、setInterval（function,interval,arg）;

　　第一個參數(shù)function:也就是要調(diào)用的函數(shù)或方法；可以是匿名的函數(shù)、命名函數(shù)、對象方法或電影剪輯

　　第二個參數(shù)interval:調(diào)用的時間間隔，毫秒為單位。

　　第三個參數(shù)arg:傳遞給將被調(diào)用的函數(shù)或方法的參數(shù)

　　2、clearInterval()

　　清除對 setInterval() 的調(diào)用。

　　應用舉例

　　例01 用setInterval做下雨效果

　　我們過去做下雨效果時，一般是通過幀的循環(huán)來復制雨滴的，幀的循環(huán)其實也就是間隔一定的時間。那么，我們當然也完全可以用setInterval來每隔一定時間就調(diào)用函數(shù)，而這個函數(shù)的功能就是復制一滴雨滴，并且設置其坐標。

　　打開3.6.1.fla文件，在第一幀上的代碼：

復制代碼

代碼如下:

　i = 0;
　rain._visible = 0;
　function xiayu() {
　　　duplicateMovieClip(rain, "r"+i, i);
　　　_root["r"+i]._x = Math.round(Math.random()*550);
　　　_root["r"+i]._y = Math.round(Math.random()*400);
　　　i++;
　　　if (i == 100) {
　　　　i = 0;
　　　}
　}
　　var sj;//設置變量
　　sj = setInterval(xiayu,10);　//每隔10毫秒調(diào)函數(shù)xiayu一次。

　　運行程序，檢測效果。

　　現(xiàn)在，我們試試參數(shù)的傳遞。我們把rain做為參數(shù)傳遞，那么上面的程序可以改為：

復制代碼

代碼如下:

　　.....
　　function xiayu(md) {
　　　duplicateMovieClip(md, "r"+i, i);
　　　........
　　}
　　sj = setInterval(xiayu,10,rain);

　　運行程序，檢查一下，效果和上面的程序是不是一樣？

　　例02 使幾個影片剪輯mc間隔相同時間播放;

　　本例題來源于網(wǎng)友的提問，看下圖：

　　點擊查看動畫效果<

　　問題思路：

　　對于順序播放：設置一個播放一個mc的函數(shù)，再用setInterval根據(jù)輸入文本得到的間隔時間來調(diào)用這個函數(shù)；同時，利用數(shù)組變量改變這個函數(shù)里的mc。

　　對于隨機播放：可以用上一節(jié)的亂數(shù)排列知識來處理。

　　打開3.6.2.fla文件分別查看各處腳本：

　　1、主時間軸第1幀上的腳本：

復制代碼

代碼如下:

　　mc = [aa, bb, cc, dd];//把4個影片簡輯的實例名作為數(shù)組mc的元素
　　time = ""; //設置輸入文本的初始值為""
　　i = 0; //設置變量i的初始值為0
　function du() {//設置自定義函數(shù)，函數(shù)名為du
　　　i++;
　　　mc[i].play();//數(shù)組中第i個元素開始播放
　　　if (i == 3) {
　　　clearInterval(sj);//最后一個mc播放后，清除sj表示的setInterval函數(shù)
　　　}
　}
　function duing() {//設置自定義函數(shù)，函數(shù)名為duing；
　　　k = Math.floor(Math.random()*mc.length);//隨機選擇數(shù)組mc中的一個元素的序號
　　　mc[k].play();//數(shù)組mc中第k個元素開始播放
　　　mc.splice(k, 1);//刪除數(shù)組mc中的第k個元素（影片剪輯）
　　　if (mc.length == 0) {
　　　　clearInterval(sjing);//最后一個mc播放后，清除sjing表示的setInterval函數(shù)
　　　}
　}

　　2、順序播放按扭上的腳本：

復制代碼

代碼如下:

　　on (release) {
　　　　mc = [aa, bb, cc, dd];//把4個影片簡輯的實例名作為數(shù)組mc的元素（為了能夠重復使用）
　　　　i = 0; 　　　　　　　//設置變量i的初始值為0（為了能夠重復使用）
　　　　if (time != "") {　　//如果輸入文本不為空（輸入了數(shù)字）
　　　　　aa.play(); 　　　　//第一個mc播放（為了第一個mc的運行不間隔時間）
　　　　　var sj = setInterval(du, time*1000);
　　　　　　　　　　　　　　//設置setInterval函數(shù)，每隔time秒調(diào)用一次函數(shù)du
　　　　}
　　}

　　3、隨機播放按扭上的腳本：

復制代碼

代碼如下:

　　on (release) {
　　　　mc = [aa, bb, cc, dd];
　　　　i=0;
　　　　if (time != "") {
　　　　　　duing(); 　//調(diào)duing函數(shù)（為了第一個mc的運行不間隔時間）
　　　　　var sjing = setInterval(duing, time*1000);
　　　　　　　　　　　//設置setInterval函數(shù)，每隔time秒調(diào)用一次函數(shù)duing
　　　　}
　　}

　　作業(yè)

　　把例2的要求改為：不管順序播放還是隨機播放，使一個mc播放結(jié)束，后一個mc開始播放，這時的時間間隔等于輸入文本的時間，如下圖。源文件下載