实时走动的时钟的制作

时钟


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

  效果如下:

  制作步骤:

  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)

时间: 2024-12-10 16:47:29

实时走动的时钟的制作的相关文章

AS3.0实例之时钟的制作方法

一. AS3.0时间日期简介 时间和日期主要应用在读取时间日期和设置时间间隔两个方面.在AS3.0中时间日期仍然是用Date类来读取,与AS2.0相比3.0要获取时间日期更加方便一些.同样的要使用Date类首先要创建该类的一个实例,比如: var nowtime:Date = new Date(); 这样就获得了一个Date的实例:nowtime 直接调用Date实例的一些属性即可获得当前日期和时间,例: nowtime.fullYear 当前年份 nowtime.month+1 当前月,mon

java-JAVA中在绘制走动的时钟界面,如何去掉秒针前一次的状态。

问题描述 JAVA中在绘制走动的时钟界面,如何去掉秒针前一次的状态. 就是只针对秒针而言,先不说其他针.对秒针60秒,如果不去掉就会有60个直线在哪儿,如何去掉上一次的图形.我看有线回答说是重绘整个窗口,那又如何重绘呢. 解决方案 2个办法,你如果使用awt,调用invalidate方法如果是swing,调用repaint方法

js实现简单的秒表走动的时钟特效_javascript技巧

本文实例介绍了javascript实现简单的秒表走动的时钟特效.分享给大家供大家参考.具体如下:  运行效果图如下: 实现代码: <html> <head> <script type="text/javascript"> function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds()

Photoshop设计锤子时钟图标制作教程

给各位Photoshop软件的使用者们来说说设计锤子时钟图标的制作教程. 教程分享: 效果图:   制作步骤如下: 首先,第一步,我们要建立一个空白文档,800px X 800px,分辨率为72像素的空白文档,为了日后可以随时调整背景色,新建一个图层,然后设置前景色,填充#8a8a8a.颜色大家可以根据自己的感觉,进行填充!此填充颜色图层命名为背景颜色填充层.(切记,养成不要修改原图和可以随时修改,不动原图的习惯哦) 操作过程为:     第二步,我们要进行时钟UI的设计,首先,我们做最外层,由

ppt时钟动画制作方法详解

前段时间公司组织举办了一期PPT培训,一开始老师就播放一个时钟画面,问我们在ppt里面怎么实现的.当时我想了好久都没想出来三根指针的运动是如何关联起来的.老师一公布答案,我才恍然大悟. 这两天有网友要求发PPT的教程,我就把这个时钟作为例子做了这个教程,技术含量不高,旨在拓展大家的思路,盘活我们的创造性思维,没有做不到,只有想不到. 新人动手做教程不容易,小编美学方面没功底,当然这个时钟在美工方面还可以做得更加漂亮,希望各位大神勿喷,谢谢! 1.画一大一小两个圆,大的用蓝色填充.置于底层,小的用

ppt时钟动画制作教程

1.画一大一小两个圆,大的用蓝色填充.置于底层,小的用白色填充,然后把两个圆同心叠放,选择组合. 2.在幻灯片上插入文本框,添加时间字体.再ctrl+a全选,右键选择组合. 3.在自选图形中的"箭头总汇"中的"上箭头"做为表针,并更改填充颜色.将该箭头复制1个,并按图中位置放置,两个箭头一起选中,右键,组合在一起. 4.选中下面的箭头,双击设置最下的箭头,填充色设置为"无填充颜色",线条颜色设置为"无线条颜色",这样我们的时针

Flash制作时钟的实例教程

核心提示:Flash制作时钟的实例教程. 本例为用Flash AS3.0制作时钟的实例教程,为Flash AS入门教程第八课的延伸教程,希望能给朋友们带来帮助. AS3.0实例教程二-时钟的制作 效果: 虽然制作时钟老套了点,但它确可以较全面地应用到时间日期和间隔等知识,仍不失为较好的入门练习. 一. AS3.0时间日期简介 时间和日期主要应用在读取时间日期和设置时间间隔两个方面.在AS3.0中时间日期仍然是用Date类来读取,与AS2.0相比3.0要获取时间日期更加方便一些.同样的要使用Dat

Fireworks MX 2004巧用形状图库制作小时钟动画

时钟|形状 在Fireworks MX 2004中,新增了形状图库,在样式面板中我们可以看到这些新增的图形,如图2-1. 图2-1 下面我们利用其中的时钟图形制作一个动态的小时钟,如图2-2. 图2-2 首先将时钟图形添加在编辑区内,然后看到时钟上有各个节点,鼠标点击时针中间的节点位置,将弹出一个JavaScript设置窗口,如图2-3,在窗口中输入相应的时间,时钟图形上的指针会根据设定的时间排列好位置,表示出设定的时间. 图2-3 根据这个原理,在第一帧位置设定时间为13:00,我们可以依次增

Flash制作时钟效果的方法讲解

  AS3.0实例教程二-时钟的制作 效果: 虽然制作时钟老套了点,但它确可以较全面地应用到时间日期和间隔等知识,仍不失为较好的入门练习. 一. AS3.0时间日期简介 时间和日期主要应用在读取时间日期和设置时间间隔两个方面.在AS3.0中时间日期仍然是用Date类来读取,与AS2.0相比3.0要获取时间日期更加方便一些.同样的要使用Date类首先要创建该类的一个实例,比如: var nowtime:Date = new Date(); 这样就获得了一个Date的实例:nowtime 直接调用D