Put Flash Clock on Your Website

This tutorial is for people who want to know the basic techniques of layers manipulation and animation creating.

a. Launch Flash MX 2004

b. Create new Flash file. Click File > New...

c. Select Flash Document in a new window

d. Select "Text Tool"

e. On the Work Space create text form. Select "Dynamic Text" as you may see on the picture.

f. Type "timer" in the "Var" field

g. Now select the frame with a text field and add action script in the "Action Script" panel

// creating new varables
var timer = new Date();
var hours = timer.getHours();
var minutes = timer.getMinutes();
var sec = timer.getSeconds();
// creating procedure to loop the time refreshing
function onEnterFrame()
{
timer = new Date();
hours = timer.getHours();
minutes = timer.getMinutes();
sec = timer.getSeconds();
// printing out the result
timer = hours + ":" + minutes + ":" + sec;
}

h. Press "Ctrl+Enter" and enjoy the show :)

Click here to download source fla file.

About the Author: Oleg Lazarenko
Production manager of Metamorphosis Design
Flash Templates,Custom design, Website Templates,
Web design Articles and Tutorials.

You may reprint this tutorial for free as long as the content, About the Author sections and all links remain unchanged.