This tutorial teach how to create a digital Clock in Flash MX 2004.

Please note:

1. You need Flash Player 7.0 installed to view this.

It is very simple and all you have to do is just follow these steps.

STEPS TO FOLLOW

• Insert 3 layers in the timeline window and name them, "background", "text" and "actions" respectively. Same as shown below



• Select Frame1 of background layer, Design the framework for the digital clock. Choose frame2 and press F5

 

• Then go to Frame1 of the text layer and insert Dynamic text field in the work area. Choose frame2 and press F5

 

To insert a Dynamic text field- Select text tool from the tool box, Select Dynamic text from Text pop-up menu in the Property inspector. Click on the work area wherever you need the digital clock to appear.

 

• Give a name to this Dynamic text field instance as "clock_txt"
• Then go to frame1 of actions layer. You can copy and paste the below given script in the action panel

time=new Date(); // time object
var seconds = time.getSeconds()
var minutes = time.getMinutes()
var hours = time.getHours()
if (hours<12) {
ampm = "AM";
}
else{
ampm = "PM";
}
while(hours >12){
hours = hours - 12;
}
if(hours<10)
{
hours = "0" + hours;
}
if(minutes<10)
{
minutes = "0" + minutes;
}
if(seconds<10)
{
seconds = "0" + seconds;
}
clock_txt.text = hours + ":" + minutes + ":" + seconds +" "+ ampm;

• Then go to frame2 of actions layer and press F6 to insert a new keyframe. Still keeping the play head on the frame2, go to action panel and copy paste the below given script.

gotoAndPlay(1);

Done! Press Ctrl+Enter to view the digital clock.