教你用flash做一个倒计时
看到小为的博客做了一个漂亮的高考flash倒计时,效果很棒。我也忍不住想模仿一下,照着小为的样式也做了一个,我对flash不大熟悉,因此今天写出教程跟各位新手一起学习交流。
在做这个flash之前必须准备Photoshop、Macromedia Flash 8等软件,前者是画出背景图片后者是做出flash的动态效果。
教程开始:
1、先利用Photoshop软件做出如下图片,这个可以自行选择样式,不一定非要跟我的一样,我的样式就是参照小为的画出来的。需要注意的是保存图片的时候必须选择gif格式否则效果会大打折扣。关于如何用Photoshop怎样做出这样的效果我就不多说了,本篇的重点在Macromedia Flash 8上。

2、接下来就轮到flash软件登场了,打开Macromedia Flash 8,然后选择文件→新建→flash文档。

3、接下来我们需要设置一下画布的大小,按照Photoshop出图的背景图片大小定义flash画布大小,我这里选择368px*482px大小。

4、画布设置好之后,我们需要导入背景图片到画布上:文件→导入→导入到舞台,然后将背景图片拖动到合适位置上。

5、接下来我们选择文本工具,并且将文本属性设置为动态文本。

6、接下来我们将天、时、分、秒的变量依次设置为“DaoJiShiText1”、“DaoJiShiText2”、“DaoJiShiText3”、“DaoJiShiText4”

7、设置完文本变量之后我们点击第一帧然后点击下面动作的小三角输入以下代码内容:
EndTime=new Date(2009,11,27,20,0,0);
//定义倒计时结束时间
//注意,月份参数用0-11表示1-12月
NowTime=new Date();
//定义当前时间
zong=Math.floor((EndTime.getTime()-NowTime.getTime())/1000);
//取得当前时间与结束时间相差的总秒数
if(zong>0)
{
tian=Math.floor(zong/(60*60*24));
//取得剩余天数
zong=zong-tian*60*60*24;
shi=Math.floor(zong/(60*60));
//取得剩余小时数
zong=zong-shi*60*60;
fen=Math.floor(zong/60);
//取得剩余分钟数
zong=zong-fen*60;
miao=zong;
//取得剩余秒数
DaoJiShiText1=String(tian);
DaoJiShiText2=String(shi);
DaoJiShiText3=String(fen);
DaoJiShiText4=String(miao);
}

8、接下来在时间轴的第12帧处插入关键帧,动作中输入语句“gotoAndPlay(1);”

9、确定制作好之后我们可以预览一下效果,然后就可以导出swf文件了:文件→导出→导出影片

制作效果预览:
上面是我帮网友做的































