Tutorials Home What's New Top Rated Submit myTutes Random!

12 HOUR Digital Clock
Author: Daniel Agostinelli

Page 4
«prev 1 2 3 4

Apply this code to the PM clip:

onClipEvent (load) {
 time = new Date();
 ampm = time.getHours();
}
onClipEvent (enterFrame) {
 if (ampm<=11) {
 setProperty(this, _visible, false);
 }
}

This is the same as the above code, except the if condition. We have if ampm is less than or equal to 11 (since less than 11 is am on a 24hr clock, or not pm).

Now, if the time is 3:47pm, the am clip will be invisible, or if it is 7:29am, the pm clip is invisible. Note: one clip will be invisible only when the movie is played, not when it is being edited in flash.

There are many ways we could have done this, i just picked a way i like doing it.

Next we add the actual time. Just under the timeline you will see a grey bar. Press scene 1. We are now on our main (_root) timeline. Drag the interface clip from the library to the stage and center it. Right click on it, press actions from the context menu, and copy in this code:

onClipEvent (enterFrame) {
 time = new Date();
 twofourhours = time.getHours();
 timeminutes = time.getMinutes();
 timeseconds = time.getSeconds();
}
onClipEvent (enterFrame) {
 if (twofourhours>12) {
 timehours = twofourhours - 12;
 } else {
 timehours = twofourhours;
 }
}

CODE EXPLAINED:
When we enter the frame, we set a few variables. Like before, we create a new date slot called time. Remember when we named the dynamic text boxes; well now is when we will use those names. where it says twofourhours = getHours(), we are making twofourhours equal to the current time in 24hr form. We don't want this to be displayed because it is in 24hr format, so we give it a completely new name. Next, we take the minutes of the current time, and put the in our minutes box which we created earlier, we called it timeminutes. We do the same for the seconds.

The next part says when we enter the frame, we create a new if statement. If twofourhours (the current hour in 24hr time), is greater than 12, we convert it to 12hr format using the formula i created (Use your math skills). If it is greater than 12, we take 12 from it. simple maths.

The final, else statement is saying if the else statement is false, make timehours equal whatever hour flash has given to the twofourhours variable.

Thats it for this tutorial, you now have created a 12hr clock. Congratulations!

«prev 1 2 3 4

» Level Basic

Added: : 2004-05-10 Rating: 6.03 Votes: 26 Hits: 1119

» Author

I am very new to flash, and have just learnt about actionscripting. This is my first tutorial, so please bear with any mistakes.

» Download

Download the files used in this tutorial.

Download (8 kb)

Get conversion and unzipping tools for PC and Mac here!

» Forums
	More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.

10 9 8 7 6 5 4 3 2 1