First time here? First time here? Newsletter Signup Newsletter
Search tutorials
Author: Daniel Agostinelli

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;

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!

» Level Basic

Added: 2004-05-10
Rating: 6 Votes: 25
» 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.
» Forums
More help? Search our boards for quick answers!
Featured Flash FLA
» Author: Inocreato
» Title: RaiseTheBlocks
» Description: Raise all the blocks to win the game
Featured Sound Loops
Image for equalize

Audio Player

» Author: TomCat Carty
» Title: The Wood
» Description: Just a little game ending or it can maybe be looped. Recorders with music box and percussion to give the feel of well, I don't know, the woods? Free to use, just credit me. thank you
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: Davisigner
» Description: Hmm... what to say about this one? It's reminiscent of the closing notes of the opening music from the Three Stooges done in a church organ style with a closing cymbal crash. I'll give this one away gratis, but feel free to check out my free loops and potential upcoming license-mandated ones over in the respective part of Flashkit.