第二十步：启动或关闭方块

现在我们要添加一些代码来启动，关闭方块，下面的函数将实现该功能：

//newBits是我们从converter()中得到的二维数组， target是 用来标明使用的是哪一列的”H” “M” 或”S”

private function turnBits(newBits:Array, target:String):void

{

//二维数组通过循环来改变方块的状

for(var a:int=0; a<newBits.length; a++)

{

//这是用来检查是否将达小时列的6，记住小时列只有5个方块。

if((a!=6)||(target!=”H”))

{

//如果为0，获取实例名称，例如 首先是”S0″，然后是 “S1″

if(newBits[a]==0) this.getChildByName(target+String(a)).alpha=.2;

//如果为1，将其 alpha值设为 1 (启动)

else this.getChildByName(target+String(a)).alpha=1;

}

}

}

第二十一步：更改函数

一些对Main()函数和setTime() 函数的更改：

public function Main()

{

sec=date.getSeconds();

min=date.getMinutes();

hr=date.getHours();

turnBits(converter(sec), ‘S’ );

turnBits(converter(min), ‘M’ );

turnBits(converter(hr), ‘H’ );

clock.start();

clock.addEventListener(TimerEvent.TIMER, setTime);

}

private function setTime(e:TimerEvent): void

{

date= new Date();

sec=date.getSeconds();

min=date.getMinutes();

hr=date.getHours();

turnBits(converter(sec), ‘S’ );

turnBits(converter(min), ‘M’ );

turnBits(converter(hr), ‘H’ );

}

我们将会看到它能显示当前的时间。

第二十二步：一些样式

这就是 TweenMax要用到的地方。我们将添加光使时钟更加美观。按下面所示修改turnBits()函数。

private function turnBits(newBits:Array, target:String):void
{
for(var a:int=0;a&lt;newBits.length;a++)
{
if((a!=6)||(target!=”H”))
{
if(newBits[a]==0) TweenMax.to(this.getChildByName(target+String(a)), 1, {glowFilter:{color:0×00cbff, alpha:0, blurX:15, blurY:15,strength:1},alpha:.1});
else TweenMax.to(this.getChildByName(target+String(a)), 1, {glowFilter:{color:0×00cbff, alpha:1, blurX:20, blurY:20,strength:.8},alpha:1});
}
}
}

这样就成功完成了这个教程。

总结

现在我们有了一个引人注目的时钟，我们可以将它作为背景时钟，或将其添加到网页中。