敬伟Photoshop教程(网络最红的零基础的生动详尽教程)
157850 人在学
时钟,在我们生活中可以说是无处不在,它是告诉我们时间的好帮手,时刻提醒着我们时间的重要性。但是我们有没有想过用flash来制作时钟呢?今天小编就为大家介绍这篇教程:使用FlashAS3.0来制作时钟,希望能给大家带来帮助。
首先小编先给大家看一看效果图吧,如图所示:
虽然有人和小编说,制作时钟很老套了一点。但是小编认为,它的确可以比较全面地应用到时间日期和间隔等等知识,仍然不失为是一个较好的入门练习。
一、AS3.0时间日期简介
大家知道时间和日期主要应用在哪里吗?它主要是应用在读取时间日期和设置时间间隔这两个方面。在AS3.0中时间日期仍然是用Date类来读取,与AS2.0相比,AS3.0如果要获取时间日期会更加方便一些。同样的,如果要使用Date类首先我们要创建该类的一个实例,比如:
varnowtime:Date=newDate();
这样就获得了一个Date的实例:nowtime
1.直接调用Date实例的一些属性,就可以直接获得当前日期和时间,如下:
①当前年份:nowtime.fullYear
②当前月:nowtime.month+1(month属性的值是0-11,所以如果我们要获得当前月份应该是month+1)
③当前日:nowtime.date
④当前星期:nowtime.day(day属性的值为0-6)
⑤当前小时:nowtime.hours
⑥当前分钟:nowtime.minutes
⑦当前秒钟:nowtime.seconds
2.在AS3.0中设置时间间隔最常用的应该是Timer类
①首先我们要创建一个Timer类的实例:var实例名称:Timer=newTimer(间隔的毫秒数,[重复次数]);
比如我们要设置一个每隔1秒钟执行一次,一共要执行5秒钟的时间间隔:varjg:Timer=newTimer(1000,5);
如果我们没有设置重复次数参数,那么将永不停止地每隔一间隔时间执行一次。
②创建Timer实例以后,就用该实例来侦听TIMER事件,调用函数:jg.addEventListener(TimerEvent.TIMER,sc);
这样每隔一秒就会调用一次sc函数,一共要调用5次。
③Timer实例起动:jg.start();
④我们将要执行的动作定义在一个函数中,如上面的sc函数,格式如下:
function函数名(event:TimerEvent):void{
要执行的动作
}
⑤下面是一个完整的Timer类应用的代码,如图所示:
将上述代码粘帖在第一帧,测试影片,每秒钟将会输出一个数字,5秒后结束运行,最终结果是:1-2-3-4-5
二、制作时钟
按下图制作好钟面及指针,时针、分针、秒针均为MC,注册点在底部正中间,实例名称分别为sz_mc,fz_mc,mz_mc
年、月、日、星期一共4个动态文本框,实例名称分别为:y_txt,m_txt,d_txt,w_txt
如图所示:
小编总结:
相信通过这个教程,我们已经学习到使用FlashAS3.0来制作时钟。只要按照以上的教程,我们就可以制作出一个时钟出来,是不是感觉非常的简单易学呢?大家快来动手试一试吧。想要了解更多详细内容可进入课课家的课程视频教学哦,希望这个教程大家会喜欢!
共35节 · 17小时49分钟
¥30.0045529人在学
共65节 · 26小时9分钟
云艺帆CAD视频教程autocad2018入门到精通全套制图实战在线课程
¥48.0019920人在学
共167节 · 47小时2分钟
敬伟Photoshop教程(网络最红的零基础的生动详尽教程)
¥79.00157850人在学
共27节 · 9小时33分钟
¥58.0017750人在学