Macromedia Flash - Digital clock

Time is money and we must always know how to hold it. This article will show you how to create a digital clock effect with the current date using Flash 8.

Step 1

Create a new Flash file with dimensions of 250 x 70px

Step 2

Use the Text Tool (T), in the Properties Panel ( Ctrl + F3 ) set the Static Text and enter the Time text, under Time enter Date . See the picture below!

Picture 1 of Macromedia Flash - Digital clock

Picture 2 of Macromedia Flash - Digital clock

Picture 3 of Macromedia Flash - Digital clock

Step 3

Then select the Text Tool (T), in the Properties Panel (Ctrl + F3) set the Dynamic Text , use the drag and drop method to draw 2 rectangles to describe the time and date as shown below.

Picture 4 of Macromedia Flash - Digital clock

Step 4

Select the two rectangles you just drawn and press F8 on the keyboard to convert it into a Movie Clip as shown below

Picture 5 of Macromedia Flash - Digital clock

Step 5

Double-click the newly created Movie Clip (rectangle) or right-click on the image and choose Edit in Place .

Picture 6 of Macromedia Flash - Digital clock

Step 6

Select the rectangle corresponding to Time , open the Properties Panel (Ctrl + F3), in the Var section enter the time .

Picture 7 of Macromedia Flash - Digital clock

Picture 8 of Macromedia Flash - Digital clock

Step 7

Select the rectangle corresponding to Date , in the Properties Panel in Var enter date

Picture 9 of Macromedia Flash - Digital clock

Step 8

Go back to the main scene (Scene1) select the rectangles that have moved the Movie Clip, open the Action Script Panel (F9) and include the following script:

onClipEvent (load) {
days = new Array ('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'thursday', 'Friday',
'Saturday', 'Sunday');
months = new Array ('January', 'February', 'march', 'April', 'May',
'June', 'July', 'August', 'September', 'October', 'November', 'December');
timedate = new Date ();
}

onClipEvent (enterFrame) {
hour = timedate.getHours ();
minutes = timedate.getMinutes ();
seconds = timedate.getSeconds ();
todaydate = timedate.getDate ();
day = timedate.getDay ();
dayname = days [day];
month = timedate.getMonth ();
monthname = months [month];
year = timedate.getFullYear ();
if (Length (minutes) == 1) {
minutes = "0" + minutes;
}

if (Length (seconds) == 1) {
seconds = "0" + seconds;
}

time = hour + ":" + minutes + ":" + seconds;
date = dayname + "" + todaydate + "" + monthname + "" + year;
delete timedate;
timedate = new Date ();
}

And the last thing is to check our products. It's too easy, isn't it? You can download the source file here if you don't have time to do it yet.