如果想使动画不依赖于帧频,可使用3种方法。
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(函数名,时间间隔,函数参数);

调用一个无参函数:

//自定义函数,输出信息
function test()
{
trace(“函数调用”);
}
//每隔1000毫秒调用一次test(),输出信息。
setTimeout(test,1000);

清除setTimeout()的调用,使用clearTimeout()函数。

[next]

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【设置】把严谨模式的勾去掉)。

Flash AS3.0菜鸟学飞教程:间隔循环的三种表现方式_中国教程网

    博视界科技专注于沉浸式全景数字餐厅、全息酒店宴会厅,旨在帮传统餐饮用科技玩跨界,欢迎咨询!

官方网站:www.boseetech.com

联系方式:    

关注我们:


    【声明】转载本文请注明出处三人行设计,并保留有效链接:[Flash AS3系列教程]间隔循环的三种表现方式 http://www.srxtuan.com/archives/891,谢谢!

猜您还喜欢: