RSSĐồ họa

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

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.

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!

 

Tags:

100 out of 100 based on 508 user ratings
Nếu bạn thấy bài viết hữu ích, hãy nhấn +1 và các liên kết chia sẻ để website ngày càng phát triển hơn. Xin cám ơn bạn!

Nếu là khách, bạn phải đăng ký tài khoản và kích hoạt tài khoản để bình luận được hiển thị ở đây.
Thông tin kích hoạt gửi đến mail của bạn.

Tin mới hơn

Tin cũ hơn

Lên trên đầu