资源描述
实现在Flash课件中显示系统时间、显示计时和课堂倒计时
现在越来越多的教师用多媒体课件进行教学,如果课件中能显示当前时间和上课时间,会更有利于教师对时间的掌握。要达到这一目的,用Flash MX中文版很容易就能实现。现在就跟我来吧!
一、制作显示当前系统时间的影片剪辑
1. 新建元件(Ctrl+F8),取名为“系统时间”,行为中选择“影片剪辑”。确定后进入元件编辑窗口。
2. 点击文本工具,在属性中选择“动态文本”。划出一个文本框,输入“21:30:00”,输入这个的目的是为了方便查看显示效果。设置文本框居于舞台正中。
3. 进一步设置文本框的属性。字体设置为“黑体”,字体大小为“30”;文本颜色根据实际设置,关键是要清晰,文本对齐方式居中;变量设置为“TimeText”;其他为默认。
4. 在时间轴上把这一层命名为“时间”,单击第二帧后按下键盘上的F5键,目的是把文本框延至第二帧。锁定这一层,然后插入新层,命名为“语句”。
5. 单击“语句”层上的第一帧,按下键盘上的F9键,弹出动作窗口,在专家模式下输入如下语句(双斜线后是注释不用输入):
mytime=new Date() //定义一个时间函数mytime
t_h=mytime.getHours() //定义t_h获得当前时间中的时
if(t_h<10){
shi="0" + t_h //让小时以“00”的格式显示
}else{
shi=t_h //把小时赋值给变量“shi”
}
t_m=mytime.getMinutes() //定义t_m获得当前时间中的分
if(t_m<10){
fen="0" + t_m //让分钟以“00”的格式显示
}else{
fen=t_m //把分钟赋值给变量“fen”
}
t_s=mytime.getSeconds() //定义t_m获得当前时间中的秒
if(t_s<10){
miao="0" + t_s //让秒数以“00”的格式显示
}else{
miao=t_s //把秒数赋值给变量“miao”
}
TimeText=shi + ":" + fen + ":" + miao //动态文本框显示时分秒
6. 单击“语句”层上的第二帧并按F7键插入空帧,然后按下键盘上的F9键,弹出语句输入窗口,输入“gotoAndPlay(1)”语句,目的是反复播放以刷新当前系统时间。
至此,用来显示当前系统时间的影片剪辑已经制作完成了,按下Ctrl+E键回到主场景中,打开库窗口把“系统时间”影片剪辑拖到当前场景中,调整好位置后,按下Ctrl+Enter键测试影片,你会发现系统时间已经按你设定的格式显示出来了,并不断刷新。
二、制作显示计时的影片剪辑
1. 新建元件,命名为“计时”,行为中选择“影片剪辑”,确定后进入元件编辑窗口。
2. 和制作“系统时间”剪辑一样,设置好文本框的参数。文本框变量设置为“JiShiText”。
3. 命名该层为“计时”,新建一层命名为“语句”
在时间轴的第一帧上输入如下语句:
zong=0 //为变量zong覆初值
在时间轴的第二帧上输入如下语句:
zong=zong+1 //zong用来计算已经用去的总秒数
shi=int(zong/3600) //shi用来显示总秒数换算成的小时数
if(shi<10){
h="0" + shi //让小时以“00”的格式显示
}else{
h=shi
}
fen=int((zong-(shi*3600))/60) //fen用来显示总秒数减去小时后换算成的分钟数
if(fen<10){
m="0" + fen //让分钟以“00”的格式显示
}else{
m=fen
}
miao=zong%60 //miao用来显示总秒数换算成的秒数,%为取余数符号
if(miao<10){
s="0" + miao //让秒数以“00”的格式显示
}else{
s=miao
}
JiShiText =h + ":" + m + ":" + s //让文本框显示已用时间
4. 这也是比较重要的一步,首先你要确定现在的帧频是每秒多少帧,默认是每秒12帧。在时间轴的第13(除去第一帧用来为变量赋值用掉了)帧处插入关键帧 (F6键),输入语句“gotoAndPlay(2)”。在第13帧插入这个语句是为了计时准确,超前或推后计时都会不准确。总之帧频是多少就应相应循环 多少帧。
至此,计时影片剪辑制作完成,把计时剪辑拖到主场景中,测试影片你会发现计时程序已经开始启动了。而且格式是“00:00:00”的样式。
最 后别忘了保存你的劳动成果。好了,在以后制作课件的时候,在需要显示时间的地方拖入这两个影片剪辑,你的课件就能显示系统当前时间和上课已用时间了,方便 教师掌握时间。当然,你也可以发挥你的聪明才智,定义一个动作来显示时间,比如按下键盘上的某一个键时显示时间,达到自由控制的目的。
三、显示课堂倒计时的制作方法
1.新建一个元件,命名为“倒计时”,行为中选择“影片剪辑”,确定后进入元件编辑窗口。
2.和制作“系统时间”剪辑一样,设置好文本框的参数。文本框实例名设置为“_txt”。
3.在时间轴上将这一层命名为“文本”,新建一层,取名为“动作”层,并在第一帧上加入如下代码:
//设置一个变量值time_num,以显示时间(假定一节课是40分钟,那么变量总值就是2400秒);
var time_num:Number = 2400;
//创建时间函数
function time_func( ) {
//设置一个字符串,显示分,如果小于10,就在前面加一个0
var fen_str:String = Math.floor(time_num/60)<10 ? "0"+Math.floor(time_num/60) : Math.floor(time_num/60);
//设置一个字符串,显示为秒,如果小于10,就在前面加一个0
var miao_str:String = time_num%60<10 ? "0"+time_num%60 : time_num%60;
//文本实例_txt显示为分秒值
_txt.text = fen_str+":"+miao_str;
//时间函数递减
time_num--;
//如果time_num这个数被减到0,
if (time_num<=0) {
//实例文本_txt就显示“下课了”
_txt.text = "下课了!";
//摧毁定时器
clearInterval(id);
}
}
time_func();
//setInterval是定时器,后面的参数1000是1秒,即每秒钟运行一次time_func函数
id = setInterval(time_func, 1000);
stop();
这样,三个有关时间的影片剪辑就做好了。将文件按以下路径保存:flash8\zh_cn\Configuration\Libraries。这个文件夹 是flash8公共库文件夹,将它放在这里,你制作好的剪辑也就可以反复使用了,以后制作课件的时候,在需要显示时间的地方拖入其中的某个影片剪辑,你的 课件就能或显示系统当前时间或上课已用时间或离下课还有多少时间了,方便教师掌握时间。当然,你还可以发挥你的聪明才智,定义一个动作来显示时间,比如按 下键盘上的某一个键时隐显示时间,以达到自由控制的目的。
展开阅读全文