制作图形化倒计时工具,有这几个要点,一是必须使用Timer类实例和TimerEvent.TIMER事件,这样的组合使用在前面已经用了很多了,这里不再多说了,可以看看前面的实例。而是创建一个Sprite类,并使用API绘制一个红色长方形方框作为表示倒计时的图形,在倒计时起点后,该Sprite实例的height属性,不断减少,而它的y坐标也在不断增加,这样就实现了红色方块不断下降的效果。
最后,使用if语句来判断时间,时间到了,则停止事件调度,文本显示“时间到了!”。
Code:
var rect:Sprite=new Sprite();
var back:Sprite=new Sprite();
var timer:Timer=new Timer(1000)
var i:int=120
rect.graphics.lineStyle(2,0x000000)
rect.graphics.drawRect(0,0,50,240)
addChild(rect)
rect.x=130
rect.y=40
back.graphics.beginFill(0xff0000)
back.graphics.drawRect(0,0,50,240)
back.graphics.endFill()
rect.addChild(back)
mytext1.text="还剩"+<a href=http://www.flashabc.net/catalog.asp?tags=String>String</a>(i)+"秒";
timer.start()
timer.addEvent<a href=http://www.flashabc.net/catalog.asp?tags=List>List</a>ener(TimerEvent.TIMER,ontimer)
function ontimer(e:TimerEvent):void{
i--;
back.height-=2;
back.y+=2;
mytext1.text="还剩"+String(i)+"秒";
if(i==0){
timer.stop();
mytext1.text="时间到!";
}
}