Hướng dẫn làm đồng hồ số bằng flash.

Chào các bạn.

Như bài trước mình đã hướng dẫn mọi người cách tạo một đồng hồ kim bằng flash và cũng đã chia sẻ với mọi người một số mẫu đồng hồ bằng flash.

Bài viết này sẽ hướng dẫn bạn cách làm một đồng hồ số bằng flash. Đồng thời cũng giới thiệu luôn với mọi người cách thêm lịch hiển thị ngày tháng năm.

Đầu tiên xác định kích thước bạn muốn (dài - rộng). Đặt vị trí muốn hiển thị đồng hồ số, lịch trên web.

Như hình mình sẽ hướng dẫn chi tiết:

Bước 1: Xác định kích thước.

Bạn chỉnh kích thước cho phù hợp

Bước 2: Nhập ảnh nền

Bạn nhấn Ctrl + R để nhập ảnh nền vào khung làm việc như hình. Để chỉnh kích thước nhấn như hình:

Bước 3: Tạo mới layer, ấn vào text tool, sao đó viết lên khung làm việc và chọn Dynamic text. Nhập hour vào như hình.

Bước 4: Tương tự vậy tạo mới một layer và cũng thao tác tương tự. Nhưng ở Dynamic Text ta nhập vào đó là ngay_txt

Bước 5: Tạo một Layer tên code. Ấn vào Frame đầu tiên, sau đó ấn F9 và nhập toàn bộ đoạn code dưới vào:

Code : 

time = new Date();
var seconds = time.getSeconds();
var minutes = time.getMinutes();
var hours = time.getHours();
var days = time.getDay();
while (hours > 12)
{
    hours = hours - 12;
} // end while http://www.erhay.com
if (hours < 10)
{
    hours = "0" + hours;
} // end if http://www.erhay.com
if (minutes < 10)
{
    minutes = "0" + minutes;
} // end if http://www.erhay.com
if (seconds < 10)
{
    seconds = "0" + seconds;
} // end if
hour.text = hours + ":" + minutes + ":" + seconds;
timedate = new Date();
days = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
months = new Array("1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12");
today = timedate.getDate();
day = timedate.getDay();
dayname = days[day];
month = timedate.getMonth();
monthname = months[month];
year = timedate.getFullYear();
thu = dayname;
ngay = today;
thang = monthname;
nam = year;
ngay_txt.text = thu + "-" + ngay + "/" + thang + "/" + nam

Bạn cũng có thể thêm một vài hiệu ứng để được như kết quả dưới:




Code để thêm flash này vào blog, web của bạn:

<embed align="center" bgcolor="#FFFFFF" height="300" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.fileden.com/files/2012/4/10/3290163/12331.swf" type="application/x-shockwave-flash" width="300"></embed>