شمارش معکوس تا تاریخ مورد نظر
روز | ساعت | دقیقه | ثانیه |
نحوه استفاده
کدهای زیر را در تگ هد قالب خود قرار دهید
<link rel="stylesheet" type="text/css" href="jquery.flipcountdown.css" /> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.flipcountdown.js"></script>
کد زیر را در محل مورد نظر برای نمایش اضافه کنید
<div id="retroclockbox1"></div>
و در پایان کد زیر را نیز درون تگ هد قرار دهید
jQuery(function($){ $('#retroclockbox1').flipcountdown(); })
نتیجه
تنظیمات اختیاری
- اندازه تایمر
jQuery(function($){ $("#retroclockbox1").flipcountdown({ size:"lg" }); })
lg-large
md-middle, default
sm-small
xs-Extra small
- شمارش
jQuery(function($){ var i = 1; $('#retroclockbox_counter').flipcountdown({ tick:function(){ return i++; } }); })
- ممیز
$('#retroclockbox_float').flipcountdown({size:'lg',tick:22.3434});
- نمایش ندادن ساعت،دقیقه و یا ثانیه
jQuery(function($){ $('#retroclockbox1').flipcountdown({showHour:false,showMinute:false,showSecond:true}); })
- نمایش ساعت
jQuery(function($){ $('#retroclockbox3').flipcountdown({tzoneOffset:3,showSecond:false}); })
- نوع نمایش ساعت (12 ساعته،24 ساعته)
jQuery(function($){ $('#retroclockbox4').flipcountdown({am:true}); })
- سرعت نمایش انیمیشن (پیشفرض 100)
jQuery(function($){ $('#retroclockbox5').flipcountdown({speedFlip:50}); })