万卷书   首页 > 电脑书籍 > Flash > 用Flash制作精巧的时钟
 

  7.新建一个图层numbers,使用文本工具分别输入从1到12这12个数字,并绕着时钟边框排列其位置,如图6所示;

图6 添加时间数字

  8.新建一个图层clockhands,分别将元件Hours, minutes和Seconds拖到场景中,然后使用椭圆工具绘制一个黑色无边框的正圆,将其放置在表盘的中心,然后分别将时针,分针和秒针放到表盘的中心,使三个表针的下部和中心位置对齐,如图7所示;

图7 在表盘中添加表针

  9.添加图层pagetitle,使用工具分别绘制一个静态文本框和一个动态文本框,在静态文本框中输入时钟的标签:flash时钟,设置动态文本框的文本变量名为time,用来动态显示年,月,日和星期.

  10.最后添加一个图层命名为Action,设置控制时钟运行的Action脚本.

  在第1帧添加如下Action:

time = new Date();//定义time为Date日期对象

hours = time.getHours();//取得当前系统的小时,并赋给变量hours

minutes = time.getMinutes();//取得当前系统的分钟,并赋给变量minutes

seconds = time.getSeconds();//取得当前系统的秒钟,并赋给变量seconds

if (hours>12) {

hours = hours-12;

}

if (hours<1) {

hours = 12;

}

hours = hours*30+int(minutes/2);

minutes = minutes*6+int(seconds/10);

seconds = seconds*6;

  在第2帧添加如下Action:

gotoAndPlay(1);

  11.最后一步是给三个表针添加各自的Action,使其可以按照自己的规律进行旋转

给时针添加如下Action:

onClipEvent (enterFrame) {

setProperty(this, _rotation, _root.hours);

}

  给分针添加如下Action;

onClipEvent (enterFrame) {

setProperty(this, _rotation, _root.minutes);

}

  给秒针添加如下Action:

onClipEvent (enterFrame) {

setProperty(this, _rotation, _root.seconds);

}

上一页