FLASH教程：教你如何制作精美的闹钟
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
键Ctrl+L打开“库”面板，把库中的“钟盘”、“时针”、“分针”、“秒针”元件拖入相应的层。注意：每个元件的尾部“?”都要附在钟面的盘心上；层的顺序不要颠倒；锁定或隐藏设计好的层，以便设计其它层。如图10所示。
图10
3). 分别点选“时针”、“分针”、“秒针”三个影片元件，在“属性”面板里分别设置其实例名为“时针”、“分针”、“秒针”。如图11所示。
图11
4). 新建一个“代码”层，点选该层的第1帧，按快捷键F9弹出“动作”面板，输入如下代码。
function ClockFun() {??? // 声明一个名为时间对象 ??? time = new Date(); ??? // 时针每小时旋转30度 ??? hour = time.getHours()*30; ??? // 分针，秒针每分钟旋转6度 ??? minute = time.getMinutes()*6; ??? second = time.getSeconds()*6; ??? // 每过10秒分针度数加1，增加真实性 ??? minute += time.getSeconds()/10; ??? // 每过2分钟,时针度数加1 ??? hour += time.getMinutes()/2; ??? // _rotation是影片的角度属性，用来控制影片实例旋转 ??? 秒针._rotation = second; ??? 分针._rotation = minute; ??? 时针._rotation = hour; } // 每隔1000毫秒执行一次ClockFun函数 setInterval(ClockFun,1000); 5). 注意：以下的代码都书写在代码function ClockFun() {……}之间。 代码设计好了，快按快捷键Ctrl+Enter测试一下吧。怎么样，看到转动的指针是不是很开心，很HA啊，是不是很想接着再往下做啊！那好吧，让我们继续动起来吧。 [NextPage] 三、设计日期显示 1). 锁定其它层。单击“插入图层”图标  新建一层，改名为“日期”层。
2). 点选“文本工具” ，“属性”面板设置见图12所示，“文本填充色”为黑色。
3). 按住鼠标左键在钟盘6点的位置正上方拉出一个动态文本框。将该动态文本框命名为“日期”。最终设置如图12所示。
图12
4). 点选“代码”层的第1帧，打开“动作”面板，再输入如下代码。
// 把系统当前月数值赋给变量monthsmonths = time.getMonth(); // 如果月数值是个位数，在其前面显示一个零 if (length(months) == 1) { ??? months = "0"+months; } // 把系统当前日数值赋给变量dates dates = time.getDate(); // 如果日数值是个位数，在其前面显示一个零 if (length(dates) == 1) { ??? dates = "0"+dates; } // 在“日期”文本框内显示系统日期 日期 = time.getFullYear()+"."+months+"."+dates; 注意：因为日期对象的月份是从0开始编号的，所以要将其加1才能得到真实的月份值。按快捷键Ctrl+Enter测试一下，如果操作正确，应该可以看见日期显示。 四、设计星期显示 同日期显示的设计方法。新建一个“星期”层。再建一个名为“星期”的动态文本框，字体为宋体，大小为12。将该文本框放在“日期”文本框的下方。点选“代码”层的第1帧，打开“动作”面板后输入如下代码。 // 定义一个数组 days = new Array(''星期日'',''星期一'',''星期二'',''星期三'',''星期四'',''星期五'',''星期六''); // 把系统的星期值赋给变量day（如星期五时，day的值就是5） day = time.getDay(); // 在“星期”文本框内显示系统星期 星期 = days[day]; 注意：getDay()方法传回的星期值是从0开始的，为了便于理解，所以对应的元素为星期日。按快捷键Ctrl+Enter测试一下。 五、设计时间显示 同以上步骤，新建一个“时间”层。再建一个名为“时间”的动态文本框。将该文本框放在钟盘的上方。点选“代码”层的第1帧，打开“动作”面板，再输入如下代码。 // 将系统当前小时的值赋给变量hours hours = time.getHours(); minutes = time.getMinutes(); seconds = time.getSeconds(); // 到零点时，显示两个0 hours = (time.getHours()==0)? "0"+hours: tim |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash设计教程：光效果之扫描字特效下一篇: Flash MX实战精选：制作网站标志
关于FLASH教程：教你如何制作精美的闹钟的所有评论
