时钟flash代码
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
精美的时钟
我们用Flash来制作一个精美的小时钟,你可以把它拖到电脑屏幕的一角,使工作中的你可以方便的查看当前时间.
1. 首先启动Flash,新建一个影片,设置影片舞台大小和背景颜色。
2. 首先制作时钟里的时针.新建一个影片剪辑元件,命名为hours,进入元件的编辑区后,使用矩形工具绘制一个细长的无边框的矩形,填充色为灰色,颜色代码为#999999。
(做好后,应竖直摆放,居中,下端对齐中心,分针、秒针元件照此行事。
)
3. 然后制作时钟里的分针.新建一个影片剪辑元件,命名为minutes,进入元件的编辑区后,使用矩形工具绘制一个细长的无边框的矩形,填充色为深灰色,颜色代码为#666666。
4. 最后制作时钟里的秒针.新建一个影片剪辑元件,命名为seconds,进入元件的编辑区后,使用矩形工具绘制一个细长的无边框的矩形,填充色为红色,颜色代码为#FF0000。
5. 新建一个图形元件,命名为outeregde,进入元件的编辑区后,使用前面实例中介绍的方法制作一个圆环,填充色为灰色,颜色代码为#999999,用作时钟的边框。
6. 回到主场景中,将影片默认的图层Layer1重命名为outeredge,然后将元件outeregde拖到舞台上,调整其位置到舞台的中央.
7. 新建一个图层numbers,使用文本工具分别输入从1到12这12个数字,并绕着时钟边框排列其位置。
8. 新建一个图层clockhands,分别将元件Hours, minutes和Seconds拖到场景中,然后使用椭圆工具绘制一个黑色无边框的正圆,将其放置在表盘的中心,然后分别将时针,分针和秒针放到表盘的中心,使三个表针的下部和中心位置对齐。
9. 最后添加一个图层命名为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);
10.最后一步是给三个表针添加各自的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);。