Phiên bản đầy đủ: jsB@nk » Framework » jQuery » Bộ đếm thời gian kiểu HTC với jQuery
URL: https://www.javascriptbank.com/htc-javascript-countdown-timer-with-jquery.html
Thêm một hiệu ứng JavaScript khác nữa được giới thiệu trên jsB@nk để tạo một bộ đếm thời gian cực đẹp với giao diện của HTC (một nhà sản xuất điện thoại thông minh rất nổi tiếng của Đài Loan) được xây dựng trên nền tảng jQuery.Mã nguồn JavaScript của bộ đếm thời gian này đã được xây dựng sẵn, bạn chỉ cần nạp vào trang web và cài đặt chỉ với một vài dòng mã lệnh JavaScript đơn giản. Hãy vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức hiệu ứng này hoặc xem thêm các bộ đếm thời gian tuyệt đẹp khác đã từng được giới thiệu trên jsB@nk: - Bộ đếm thời gian độc đáo với jQuery - Bộ đếm thời gian dạng thanh với jQuery - Bộ đếm thời gian giảm dần đẹp tuyệt vời
Phiên bản đầy đủ: jsB@nk » Framework » jQuery » Bộ đếm thời gian kiểu HTC với jQuery
URL: https://www.javascriptbank.com/htc-javascript-countdown-timer-with-jquery.html
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="/javascript/jquery.js" type="text/javascript"></script><script src="jquery.countdown.packed.js" type="text/javascript"></script><script type="text/javascript">$(function () {$('#countdown').countdown({until:$.countdown.UTCDate(-8, 2011, 1 - 1, 1), format: 'DHMS', layout: '<div id="timer">' + '<hr />'+'<div id="timer_days" class="timer_numbers">{dnn}</div>'+'<div id="timer_hours" class="timer_numbers">{hnn}</div>'+ '<div id="timer_mins" class="timer_numbers">{mnn}</div>'+'<div id="timer_seconds" class="timer_numbers">{snn}</div>'+'<div id="timer_labels">'+'<div id="timer_days_label" class="timer_labels">days</div>'+'<div id="timer_hours_label" class="timer_labels">hours</div>'+'<div id="timer_mins_label" class="timer_labels">mins</div>'+'<div id="timer_seconds_label" class="timer_labels">secs</div>'+'</div>'+'</div>' });});</script><div id="countdown"></div>
/javascript/framework/HTC_style_JavaScript_Countdown_Timer_with_jQuery/countdown1.png/javascript/framework/HTC_style_JavaScript_Countdown_Timer_with_jQuery/countdown2.png/javascript/framework/HTC_style_JavaScript_Countdown_Timer_with_jQuery/jquery.countdown.packed.js/javascript/framework/HTC_style_JavaScript_Countdown_Timer_with_jQuery/style.css