Flash时钟制作(注意:不是钟表式的)

来自:闪灵教学屋

1.首先新建一个场景,ctrl+m将里面的设置数值按图所示。
 
2.将layer命名为time,大家会问为什么要改他的名?这只是我的一个习惯!有利于层次的分明!ctrl+f8新建一symbol,将name设为time,behavior选为moive clip,如图所示。
 
3.现在的位置进入了moive clip-time的编辑场景,选择tools工具条里的文字选项text tool,ctrl+t打开文字工具面板,在text option里选择Dynamic Text,然后在场景中拉一个文字框,用arrow点选它,回到文字面板,将Variable的值设为time1如图:
接着我们要制作另一个文字框,做法和3相同,只是将他的Variable值设为time2。回到主场景scene1,ctrl+l打开素材库,将制作好的mc-time拖入至合适的位置!
 
4.在time层上新增一layer,给他命名为text,加上文字。如:“现在的时间是”等。好了,身体部分全搞定了!接下来就是他的灵魂了!:p....用鼠标选中mc-time,单击右键,在弹出的菜单中选Ation,打开AS面板。如图:
 

8.下面我们来看看里面的AS吧!

onClipEvent (load) { //当影片读入时                        days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday');                                   months=new                                         Array('January','February','March','April','May','June','July','August','September‘ ,'October','November','December'); //用new Array来定义星期和月份的数值           timedate=new Date();
}
onClipEvent (enterFrame) {
hour=timedate.getHours();
minutes=timedate.getMinutes();
seconds=timedate.getSeconds();
todaydate=timedate.getDate();
day=timedate.getDay();
dayname=days[day];
month=(timedate.getMonth()+1);
monthname=months[month-1];
year=timedate.getFullYear();                                 if (length(minutes)==1) { //当分钟的数值只有一位时,在他的前面加上字符0
minutes="0"+minutes;
}
if (length(seconds)==1) { //当秒数的数值只有一位时,在他的前面加上字符0
seconds="0"+seconds;
}
time2=hour+":"+minutes+":"+seconds; //将时间,分钟,秒按顺序排列
time1=dayname;
delete timedate;
timedate=new Date();
}

来看看里面的函数吧
getHours是用来获取当前小时
getMinutes是用来获取当前分钟
getSeconds是用来获取当前秒
getDate是用来获取当前日期
getDay是用来获取当前星期
getMonth是用来获取当前月份
getFullYear是用来获取当前年份

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
flash时钟 详细操作步骤 素材全 1.新建Flash文档,设置舞台尺寸为:“354×499”。将素材文件“钟.jpg”、“钟摆.jpg”导入到【库】面板中。 2.将“图层1”更名为“背景”;将【库】面板中的“钟.jpg”拖放到舞台中;设置坐标点为(0,0)。 3.新建“钟摆动画”影片剪辑元件,将【库】面板中的“钟摆.jpg”拖放到舞台上,设置坐标点为(-31.5,0);将图形的变形点移至上边中点,分别在第12、24、36、48帧插入关键帧;选择第12帧,旋转15°;选择第36帧,旋转-15°;分别在1~12、12~24、24~36、36~48帧之间创建补间动画。 4.增加“背景2”图层,将【库】面板中的“钟摆动画”元件拖放到舞台,调整到合适的位置;在【时间轴】面板中将“背景2”图层移动到“背景”图层的下方。 5.选择“背景”图层,执行【修改】→【分离】菜单命令;使用【橡皮擦工具】将钟面下方的背景擦除,以便使“钟摆”显示出来。 6.在“背景”图层上方增加一个“文本”图层,使用【文本工具】在钟的盘面上创建7个分别用于显示“年”、“月”、“日”、“时”、“分”、“秒”、“星期”的动态文本,变量名分别设置为“year”、“month”、“date”、“hrs”、“min”、“sec”、“weekday”;分别在显示时与分、分与秒的动态文本框之间,插入静态文本“:”,在显示月、日的动态文本框后插入静态文本“月”、“日”,在显示星期的动态文本框前插入静态文本“星期”;对各动态文本框、静态文本设置合适的字体、字体大小、颜色等。 7.在所有图层的上方添加一个“动作”图层,选择第1帧,打开“动作”面板,输入如下代码: dt = new Date(); hrs = dt.getHours(); *************************************} 8.测试影片,此时发现所显示时间是“非即时”的——时间未更新。选择所有图层的第1帧插入帧。 9.测试影片;保存文档。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值