快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

实时走动的时钟的制作

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

  效果如下:

« Full Screen »

  制作步骤:

  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)


返回类别: Flash教程
上一教程: FLASH中实现眨眼睛的动画效果
下一教程: 用Flash MX制作新年贺卡

您可以阅读与"实时走动的时钟的制作"相关的教程:
· 自动滚动的文本框的制作
· 使用Flash mx制作旋转的时钟效果
· 百叶窗效果动画,Flash无AS的制作方式
· Flash AS创作:实时时钟
· Flash二级菜单的制作
    微笑服务 优质保证 索取样品