您的位置:阿里西西 > 前端技术 > 界面设计 > 详细内容

实时走动的时钟的制作

  本站整理   网络搜集   2008-07-08   点击:   我要评论
时钟

  原创教程,转载请注明出处:网页教学网

  效果如下:

  制作步骤:

  1.首先新建一个MC元件,然后编辑该元件,方法是设置两个动态文本框,给两个文本框分别设置实例名为:time和date。两个文本框用到的变量为:time和datefinal。

  2.在第2帧插入一个帧。(按F5)

  3.选择第一关键帧,然后打开动作面板。我们首先设置几个获得系统时钟的代码,并且用变量来把它们保存起来。代码如下:

mydate = new Date();
seconds = mydate.getSeconds();
minutes = mydate.getMinutes();
hours = mydate.getHours();
day = mydate.getDay();
date = mydate.getDate();
month = mydate.getMonth();
year = mydate.getFullYear();

  4.如果今天是Sunday则"day"变量的值为 "0", 如果是Monday则返回值为1,...。如果是1月则month为0,2月为1,...。还有时间,当现在时刻为 7:03:05它将显示为 9:3:5 因此我们在这里要把上面的变量的取值做一下限制。

  首先改变day的显示方式:

if (day==0){
day = "Sunday"
} else if (day==1){
day = "Monday"
} else if (day==2){
day = "Tuesday"
} else if (day==3){
day = "Wednesday"
} else if (day==4){
day = "Thursday"
} else if (day==5){
day = "Friday"
} else if (day==6){
day = "Saturday"
}

  然后改变月的显示方式:

if (month==0){
month = "January"
} else if (month==1){
month = "February"
} else if (month==2){
month = "March"
} else if (month==3){
month = "April"
} else if (month==4){
month = "May"
} else if (month==5){
month = "June"
} else if (month==6){
month = "July"
} else if (month==7){
month = "August"
} else if (month==8){
month = "September"
} else if (month==9){
month = "October"
} else if (month==10){
month = "November"
} else if (month==11){
month = "December"
}

  在这里如果只想以数字形式显示月份时我们就不需要使用上面的代码了,则直接给month变量加1就可以了!

month = month + 1;

  为了使分和秒的显示正确我们使用如下代码,给变形:

if (minutes<10) {
minutes = "0"+minutes;
}
if (seconds<10) {
seconds = "0"+seconds;
}

  在这里我们是使用0字符和一个数相加得到的值,例如"5"+"3"=53而不是8。这是需要注意的地方。

  5.关于12小时和24小时显示时间的说明:

  如果我们想以12小时显示时间,那么我们使用如下代码:

if (hours>12) {
hours = hours-12;
ampm = "PM";
} else {
ampm = "AM";
}
if (hours == 0) {
hours = 12;
}

  然后添加12小时显示的代码:

time = ((hours) + ":" + (minutes) + ":" + (seconds) + " " + (ampm));

  如果想以24小时显示时间,直接使用下面的代码:

time = ((hours) + ":" + (minutes) + ":" + (seconds));

  6.日期的显示,在这里提供两种方式:

datefinal = ((day) + " " + (date) + " " + (month) + " " + (year));

  或以"/"的形式显示

datefinal = ((date) + "/" + (month) + "/" + (year));

  最后把该影片拖到场景中按Ctrl+Enter就可以看到效果了,通过本实例希望大家对Action有一个基础的认识。希望你从中得到收获。

  源文件下载(.fla)



更多关于 的文章
会员评论所有会员评论

  

相关排行总榜

网页教程

站长文章

特效排行