1、setlnterval()函数
setlnterval()函数作用是每隔一定的时间,就调用函数
setlnterval()函数的形式为:
setlnterval(函数名,时间间隔,函数参数);
函数名是自定义的函数的名,时间间隔为毫秒,函数参数是自定义函数的参
下面制作一个计时器:
//时间的初始值
var t:int;
//定义一个无参函数
function time()
{
//输出时间
trace(++t / 10);
}
//每隔0.1秒调用一次函数
setInterval(time,100);
测试上面的代码,可在输出面板中看到时间以0.1秒在递增。
提示:setlnterval()函数每隔0.1秒调用一次函数,变量t以加1的方式进行递增,t除以10后可表示时间。
下面的代码调用一个有参函数:
//定义一个有参函数
function test(message)
{
trace(message);
}
//每隔500毫秒调用一次函数,输出调用函数
setInterval(test,500,"调用函数");
清除setInterval()的调用,使用clearInterval()函数
提示:要及时清除setInterval()函数的调用,否则会导致setInterval()函数的重复调用。
2、setTimeout()函数
setTimeout()函数的使用方法与setlnterval()函数的使用方法相同,也是每隔一定时间就调用函数。
setTimeout()函数的一般形式为:
setTimeout(函数名,时间间隔,函数参数)Tulaoshi.Com;
调用一个无参函数:
//自定义函数,输出信息
function test()
{
trace("函数调用");
}
//每隔1000毫秒调用一次test(),输出信息。
setTimeout(test,1000);
清除setTimeout()的调用,使用clearTimeout()函数。
3、Timer类
AS3.0新增了Timer类来实现间隔调用程序,Timer类封装了许多属性、方法和事件。
使用Timer类不会像setInterval()重复积累调用,减少了出错的几率,可以自定义间隔时间,实现与帧频的脱离,是制作间隔效果的首选。
Timer类的构造函数有两个参数,第1个是以毫秒为单位的间隔数字,第2个是重复调用的次数。
创建Timer类的实例:
var myTimer:Timer = new Timer(1000,3);
在构造函数Timer()中,间隔时间为1000毫秒,重复次数为3次,调用从数字1开始,向上递增,当次数等于3时,停止调用。
Timer类有4个属性,两个为只读属性,两个为读写属性:
running属性:是只读属性,表示调用是否进行,如果处于调用状态,running的值为true,否则为false。currentCount属性:是只读属性,表示当前调用的次数。
delay属性:是读写属性,表示间隔调用的时间。
repeatCount属性:是读写属性,表示重复调用的次数。
Timer类有3个方法可调用:
start()方法:用于启动调用
spop()方法:用于停止调用
reset()方法:用于重置调用
Timer类有两个事件,当开始调用时会发生timer事件,调用结束时会发生timerComplete事件。这两个事件都是TimerEvent类的属性,事件名分别为Timer.TIMER和Timer.TIMER_COMPLETE。
下面是制作计时器的实例:
1、新建Flash文档
2、在图层1的第1帧,创建一个实例名为time的动态文本实例。
3、添加as图层,单击第1帧,打开动作面板输入代码:
//定义时间间隔
var interval:uint = 100;
//重复次数
var repeat:uint = 120;
//创建实例
var myTimer:Timer = new Timer(interval,repeat);
//注册timer事件
myTimer.addEventListener(TimerEvent.TIMER,timerHandler);
//启动计时器
myTimer.start();
//定义事件的接收函数
function timerHandler(event:TimerEvent):void
{
//得到Timer类的实例
var timer:Timer = event.target;
//计算秒数
var t:Number = timer.currentCount / 10;
//保留1位小数
time.text = t.toFixed(1);
}每100毫秒调用函数一次,即间隔0.1秒,把次数除以10得到秒数。
4、测试影片(在测试时选择【文件】【发布设置】选【Flash】选项卡,选ActionScript3【设置】把严谨模式的勾去掉)。
效果演示:
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/flash/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/flash/)