Minh Vũ's Blog

Just another WordPress.com weblog

Macromedia Flash – Tạo thông báo ngày giờ hiện tại

Posted by xpss on 25/11/2008

Trong bài này, bạn sẽ được học cách tạo ra một file thông báo ngày tháng hiện tại bằng flash. Chỉ việc sử dụng đoạn mã code cho sẵn để tạo nhanh chóng file này. Bạn có thể đặt file này trên các website, tại vị trí cần hiển thị ngày giờ hiện tại. 

Ngoài ra để thêm sinh động hơn, bạn hãy tạo thêm màu hoặc ảnh nền cho thông báo ngày giờ này.

Bước 1

Mở một file Flash mới, định dạng độ rộng và chiều cao của file (Ctrl + J).

Bước 2

Chọn công cụ Text Tool (T) và vào phần Properties Panel (Ctrl + F3). Trong phần bên trái, bạn sẽ thấy một hộp Text Type xổ xuống. Chọn Dynamic Text trong hộp menu này:

Vẽ một hình chữ nhật để hiển thị ngày trong hình chữ nhật này

Bước 3

Vào lại phần Properties Panel (Ctrl + F3), trong phần Var nhập date

Bước 4

Thực hiện lại bước 2 và 3 đễ vẽ một ô text khác để hiển thị giờ ngay dưới ô ngày vừa vẽ, giá trị Var của ô này bạn nhập time

Bước 5

Chọn hai hộp text vừa vẽ, nhấn F8 (Convet to Symbol) để chuyển hộp text này sang dạng Movie Clip Symbol

Bước 6

Chọn công cụ Selection Tool (V) và kích vào Movie Clip vừa tạo. Vào phần Action Script Panel (F9) và đưa vào đoạn mã sau:

onClipEvent (load) {
weekdays = [“Chủ nhật”, “Thứ hai”, “Thứ ba”, “Thứ tư”, “Thứ năm”, “Thứ sáu”, “Thứ bảy”];
months = [“Tháng 1”, “Tháng 2”, “Tháng 3”, “Tháng 4”, “Tháng 5”, “Tháng 6″, ” Tháng 7″, “Tháng 8”, “Tháng 9”, “Tháng 10″, ” Tháng 11″, “Tháng 12”];
}

onClipEvent (enterFrame) {
myDate = new Date();
tDay = weekdays[myDate.getDay()];
tMonth = months[myDate.getMonth()];
tDate = myDate.getDate();
tYear = myDate.getFullYear();
tHour = myDate.getHours();
tMin = myDate.getMinutes();
tSec = myDate.getSeconds();
date = “Hôm nay, “+tDay+” ngày “+tDate+” “+tMonth+”, năm “+tYear;
time = “Bây giờ là: “+tHour+” giờ “+tMin+” phút “+tSec+” giây”;
}

Hãy thử kiểm tra sản phẩm mà bạn vừa tạo nhé. Còn nếu chưa làm được bạn có thể download file nguồn tại đây!

TH – HT

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

 
%d bloggers like this: