Hệ thống thiết kế website giá rẻ trọn gói, chuyên nghiệp và chất lượng - Websystem.vn

CSKH (028) 7100 8686

(CSKH - Giờ hành chánh)

CSKH 0908 628 966

(Hỗ trợ 24/7)

Jquery timeago: hiển thị thời gian
26/05/2015 19:00:06 / Lượt xem: 1624
Chia sẻ

Plugin jQuery tự động thay đổi thời gian về dạng: 5 minutes ago, 1 hour ago…, cập nhật thời gian thực realtime, không sử dụng bộ nhớ máy chủ để tính toán, giảm tải nhiều cho hệ thống.

 

Tải về plugin: www.websystem.vn

 

1. Cài đặt jQuery và load plugin

 

   <script src="jquery.min.js" type="text/javascript"></script>
  <script src="jquery.timeago.js" type="text/javascript"></script>

 

2. Load trong DOM

 

   jQuery(document).ready(function() {
   jQuery("abbr.timeago").timeago();
});

 

Như vậy tất cả các thẻ abbr với class timeago sẽ có hiệu ứng này.

 

<abbr class="timeago" title="2008-07-17T09:24:17Z">July 17, 2008</abbr>

 

Lưu ý dữ liệu ngày tháng sẽ đặt trong thuộc tính title của thẻ abbr theo chuẩn ISO 8601.

 

Các bạn có thể tham khảo ví dụ hoàn chỉnh bên dưới:

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>timeago plugin demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://timeago.yarp.com/jquery.timeago.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
        $("abbr.timeago").timeago();
});
</script>
</head>
<body>
<abbr class="timeago" title="2008-07-17T09:24:17Z">July 17, 2008</abbr>
</body>
</html>

thiết kế web - www.websystem.vn

(theo techblog)

comments powered by Disqus

Kiến thức khác

Tin xem nhiều

icon4
Tư vấn và hỗ trợ
Ngọc Hân - Tư vấn
Ngọc Hân - Tư vấn
(028) 7100 8686
Xuân Linh - HotLine
Xuân Linh - HotLine
0908 628 966
icon8
Ý kiến khách hàng
  • Tôi thực sự ấn tượng về dịch vụ của websystem. Mặc dù không có chuyên môn về CNTT, nhờ có websystem tôi đã có một website khá bắt mắt, chuyên nghiệp và tôi cũng có thể quản lý web một cách dễ dàng. 

    Ms Hoàng Vũ

    www.heoconstore.com
  • Chỉ có kinh doanh trực tuyến mới giúp tôi làm được nhiều điều mà tôi chưa làm được. Ngay khi dùng thử WebSystem.vn, tôi đã hoàn toàn tin tưởng và yên tâm để chọn. Tôi rất hài lòng với WebSystem.

    Mr. Minh

    www.godadinhviet.com
  • Tôi đã và đã sử dụng dịch vụ website tại nhiều nơi. Tại WebSystem.Vn tôi thấy xuất sắc nhất. Rất tuyệt...Thank you.

    Ms. Thùy

    www.myphamtocvietquang.com
  • Tôi đã dùng Websystem được một thời gian, tôi rất hài lòng với hiệu quả mà Websystem mang lại...

    Mr Nhựt

    www.myphamtoccaocap.com.vn
  • Tôi rất hài lòng với website mà tôi nhận được, đặt biệt là sự hỗ trợ nhiệt tình và nhanh chóng của nhân viên websystem.vn.

    Mr. Kiệt

    www.thietbiyte247.com
  • Tôi đã dùng Websystem được một thời gian, tôi rất hài lòng với hiệu quả mà Websystem mang lại...

    Ms Dung

    www.thaihungaudio.com
  • Thật tuyệt vời! Tôi không thể tin là chúng tôi có thể lập được một website cho công ty lại đơn giản, nhanh chóng đến vậy. Từ khi có website công việc làm ăn của tôi thuận lợi rất nhiều. Cám ơn WebSystem

    Ông Lê Thái Vinh

    www.thiepcuoithuyhang.com
Facebook
Tags: WebSystem.vn | Web gia re | Web bán hàng | Web thông tin   Cafe24.vn | Thông tin kinh doanh | Thông tin công nghệ   INCOMTECH | Thiết kế web, phần mềm | Giải pháp công nghệ