24/06/2011
0
Bài viết này sẽ hướng dẫn bạn cách để xây dựng một hàm JavaScript đơn giản để tải các tệp tin JavaScript và CSS linh động hơn. Tuy không có gì mới nhưng vẫn là một trong nhiều cách để làm website trở nên có thể tùy biến cao.
Hiệu ứng JavaScript này sẽ tạo ra một đồng hồ kim với giao diện cực đẹp trên trang web của bạn. Tuy nhiên mặt hạn chế chính là nó sử dụng một ảnh nền với kích thước rất lớn, lên đến 512x512 điểm ảnh, do đó bạn sẽ không thể thay đổi kích thước; bù lại mã nguồn cài đặt lại khá đơn giản, chỉ với một vài dòng mã lệnh.
Nếu muốn, bạn có thể thưởng thức thêm các hiệu ứng JavaScript khác tạo đồng hồ tuyệt đẹp có trên jsB@nk:
- Đồng hồ kim cực đẹp với Raphael và jQuery
- 10 tài nguyên JavaScript tạo đồng hồ tuyệt đẹp
- CoolClock: Đồng hồ kim tuyệt đẹp với JavaScript
Sưu tập các hiệu ứng JavaScript về các kiểu đồng hồ đẹp và độc đáo là một trong những tiêu chí ban đầu khi tôi lập ra jsB@nk; đến thời điểm bài viết này, có thể nói jsB@nk có số lượng hiệu ứng về đồng hồ cực kì phong phú, trong đó chỉ một số là đẹp, hầu hết còn lại là rất đẹp và tuyệt đẹp [cười:D], với trên 50 hiệu ứng tất cả, bạn có thể kiểm chứng qua liên kết tìm kiếm này: http://www.javascriptbank.com/en+title=clock. Vài hiệu ứng JavaScript được tôi giới thiệu gần đây là:
- jsClock: Đồng hồ số tiện dụng với JavaScript
- Đồng hồ đọc giờ với JavaScript
- CoolClock - Đồng hồ kim tuyệt đẹp với JavaScript
Hôm nay, jsB@nk muốn giới thiệu với bạn thêm một hiệu ứng JavaScript khác để tạo một đồng hồ kim tuyệt đẹp trên trang web. Hiệu ứng đồng hồ kim này được tạo bởi jQuery và Raphaël, cho phép người dùng chọn 1 trong 14 kiểu hiển thị có sẵn (dĩ nhiên bạn có thể dễ dàng thêm các kiểu khác) cùng với việc chỉnh sửa màu sắc của 3 kim giờ, phút và giây. Bạn vui lòng vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức đồng hồ kim tuyệt đẹp này.
Bộ đếm thời gian cho một sự kiện nào đó dường như là một thứ không thể thiếu đối với cuộc sống của loài người ngày nay, chúng ta có thể bắt gặp các bộ đếm này khi gần đến ngày Giáng sinh, năm mới, ngày sinh nhật, kỉ niệm, ... hay đơn giản nhất trong cuộc sống đời thường là đồng hồ báo thức - một bộ đếm thời gian đơn giản nhất.
Đề tài bộ đếm thời gian cũng đã được giới thiệu nhiều trên jsB@nk thông qua các hiệu ứng JavaScript, các bài viết hướng dẫn như:
- Bộ đếm thời gian dạng thanh với jQuery
- Thêm 10 bộ đếm đến ngày Giáng sinh đẹp nhất
- Giải pháp OOP tạo bộ đếm ngược thời gian
- Bộ đếm thời gian giảm dần đẹp tuyệt vời
Hôm nay jsB@nk muốn giới thiệu với bạn thêm một giải pháp nữa để tạo bộ đếm thời gian, trong môi trường Flash và sử dụng ngôn ngữ ActionScript. Bạn vui lòng vào trang chi tiết để xem thêm.
Bài viết này hướng dẫn bạn cách thực hiện một vài công việc đơn giản trên máy tính của mình với Windows Script Host (WSH) và JScript, mà không cần dùng một phần mềm của bên thứ ba nào. Vui lòng vào trang chi tiết để xem thêm.
Nếu bạn đang cần một hiệu ứng đồng hồ đơn giản nhưng có những tính năng cao cấp như: nhiều giao diện để thay đổi, cập nhật thời gian trực tiếp từ máy chủ, thời gian tự điều chỉnh, hiển thị thời gian ở các quốc gia khác thì có lẽ bạn nên dành một chút thời gian để xem cách thức hoạt động của hiệu ứng JavaScript về đồng hồ này.
Với một đồng hồ có thiết kế độc đáo và bắt mắt trên trang web, bạn sẽ dễ dàng thu hút được khách viếng thăm và ở lại lâu hơn trên website của mình nếu website có liên quan đến sự kiện ngày tháng nào đó. Trong định dạng Flash, các nhà phát triển web đã sáng tạo ra rất nhiều đồng hồ tuyệt đẹp, nhưng với sự hỗ trợ mạnh mẽ của các thư viện JavaScript, chúng ta vẫn tạo ra được rất nhiều đồng hô bắt mắt với thời gian ngắn hơn. Bài viết này giới thiệu cho bạn danh sách 10 tài nguyên JavaScript có thể giúp bạn nhanh chóng tạo ra một đồng hồ tuyệt đẹp trên trang web.
Một đồng hồ báo giờ tuyệt nhất trên trang web tôi từng thấy bằng JavaScript, mặc dù hiệu ứng báo giờ này chỉ thay đổi mỗi năm phút nhưng nó có cách hoạt động và báo giờ cực kì độc đáo: hiển thị hoàn toàn bằng từ ngữ mà không có bất kì con số nào.
Với hiệu ứng đồng hồ kim bằng JavaScript tuyệt đẹp này, bạn sẽ dễ dàng trang trí cho trang web của mình một bộ hiển thị giờ cực đẹp, bởi hiệu ứng đồng hồ này có đến hơn 20 kiểu (giao diện) để bạn chọn; đồng thời hiệu ứng cũng rất dễ dàng để sử dụng và cài đặt, chỉ với một vài dòng mã lệnh.
Đoạn mã này sẽ tạo một đồng hồ đếm ngược trên trang web (trong ví dụ là 10 phút), khi hết thời gian thì đoạn mã JavaScript sẽ chuyển sang một địa chỉ khác. Hiệu ứng rất thích hợp cho những bài kiểm tra trực tuyến.
