Hướng dẫn cài COUNTER-UP jQuery Plugin

JavaScript càng ngày càng phổ biến và hỗ trợ nhiều mảng. Khi làm về phần khách hàng, hay những dự án đã làm được… Việc thể hiện số liệu là thiết yếu và để làm những con số này đẹp hơn một thư viện có tên Counter-up sẽ giúp bạn. Trong bài viết này, mình sẽ Hướng dẫn cài COUNTER-UP jQuery Plugin.

Giới thiệu

Counter-Up là một ứng dụng jQuery nó chuyển động các con số từ zero trở đi. Nó hỗ trợ về đếm:

  • số nguyên 12345
  • số thực 0.1234
  • Số được định dạng 1,234,567.00

Điểm nổi trội:

  • Tự động phát hiện số nguyên, số thực và số được định dạng.
  • Kích thước nhẹ: ~1kb
  • Tối thiểu cài đặt

Yêu cầu waypoints.js

Bạn có thể:

Sử dụng:

Tổng quan, ta có:

Đó, thực sự đơn giản, bạn chỉ cần copy cái cục này, và paste nó vào file HTML. Và nó sẽ chạy luôn.

Giải thích:

Ở đây, “counterUp” sẽ làm nhiệm vụ kích hoạt, với 2 biến là

  • delay: thời gian tạm hoãn tính bằng mili-giây
  • time: thời gian số chạy

Tại body:

  • <span class=”counter”>1,234,567</span>: Đây sẽ là nơi được jQuery tìm đến và chạy số

Và chúng ta include nhanh thư viện bằng:

Kết luận

Đối với một thư viện phát triển bởi JavaScript đã khá là dễ sử dụng rồi, nhưng thư viện này còn đơn giản hơn thế nữa. Đừng ngại mà không thử COUNTER-UP ngay nhé!

Có thể bạn thích: WOW.js là gì? Và tại sao nên dùng nó

1
Leave a Reply

avatar
1 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
0 Comment authors
Slider Syncing - Kết nối giữa các slider với nhau - Slick Slider - Vinh Web Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
trackback

[…] Có thể bạn thích: COUNTER-UP JQUERY PLUGIN […]

%d bloggers like this: