Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Vui mừng chào đón

    0 khách và 0 thành viên
    Gốc > THỦ THUẬT WEB-BLOG > Thủ thuật blog Violet >

    Hiển thị ngày giờ trên banner flash

    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.


    Để xem Flash thì trình duyệt phải hỗ trợ Flashplayer!

    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!

    Bùi Đinh Đường


    Nhắn tin cho tác giả
    Đỗ Văn Cường @ 10:43 14/05/2011
    Số lượt xem: 1057
    Số lượt thích: 0 người
    Avatar
    Trang của em rất pro, nhiều menu hay quá, đã lâu anh không ham nên chưa đổi mới mấy
    Avatar
    EM CŨNG KHÔNG DÀNH NHIỀU THỜI GIAN CHO WEB NỮA. CŨNG KHÔNG MUỐN THAY ĐỔI. LÂU LÂU CÓ BÀI THÌ UP LÊN LẤY NGUỒN TÀI NGUYÊN THAM KHẢO KHI CẦN THÔI ANH À. CHÚC ANH BUỔI TỐI VUI VẺ NHÉ
     
    Gửi ý kiến