Best Period Picker

jquery.flipCountDown Plugin jQuery plugin flip count down timer,clock or counter

Unusual retro clock count down plugin for jQuery Source or Download

Until the new year left

Days Hours Minutes Seconds


Fast start

Add in html page

<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="/jquery.flipcountdown.js"></script>
<link rel="stylesheet" type="text/css" href="/jquery.flipcountdown.css" />

add div element

<div id="flipcountdownbox1"></div>

and init flipcountdown

jQuery(function(){
  jQuery('#flipcountdownbox1').flipcountdown();
})

Result

Settings


- Sizes (use bootstrap sizes notation)

jQuery("#flipcountdownbox1").flipcountdown({
  size:"lg"
});
lg-large
md-middle, default
sm-small
xs-Extra small


- Hide second or minute or hour

jQuery("#flipcountdownbox1").flipcountdown({
  showHour:false,
  showMinute:false,
  showSecond:true
});

- offset timezone

jQuery("#flipcountdownbox3").flipcountdown({
  tzoneOffset:3,
  showSecond:false
});

- 12 format hours

jQuery("#flipcountdownbox4").flipcountdown({am:true});

- speed animate flip digit (multiply 6 must by less than 1000) default 60

jQuery("#flipcountdownbox5").flipcountdown({speedFlip:30});

- set time

jQuery('#flipcountdownbox6').flipcountdown({tick:function(){
  return new Date('5.10.2012 12:34:23');
}});

- Counter

jQuery(function(){
  var i = 1;
  jQuery('#retroclockbox_counter').flipcountdown({
    tick:function(){
      return i++;
    }
  });
})


- Float

jQuery('#retroclockbox_float').flipcountdown({size:'lg',tick:22.3434});


- Until The New Year Example

jQuery(function(){
 jQuery('#new_year').flipcountdown({  
  size:'lg',
  beforeDateTime:'1/01/2015 00:00:01'
 });
});

The result on the top of the page

jQuery Slideshow with hardware-accelerated transitions

Responsive, accessible as a pure CSS slideshow. Prev/next navigation, bullets with thumbnails,...

jQuery DOM Cache

Using $.cache (or $.domCache) may dramatically increase the performance of your web application...

Fixed Table Header and Left Column

jQuery plugin to modify a table element with a fixed header element and fixed left columns.

Easy responsive tabs to accordion

Easy responsive tabs - is a lightweight jQuery plugin which optimizes normal horizontal or...

jQuery Marquee with CSS3 Support

jQuery plugin to scroll the text like the old traditional marquee. NOW with CSS3 support.

Bootstrap Image Gallery

Bootstrap Image Gallery is an extension to blueimp Gallery, a touch-enabled, responsive and...

jQuery editable select box

This plugin allows you to make a select box editable like a text box while keeping it's...

jScroll – jQuery Plugin for Infinite Scrolling / Auto-Paging

jScroll is a jQuery plugin allowing you to effortlessly implement infinite scrolling, lazy...

jQuery Ajax Loading

jQuery Ajax Loading.

Galereya

Responsive, easily customizable gallery with a masonry layout

Mosaic Flow

Pinterest like responsive image grid for jQuery that doesn’t suck.

Card Deck Slideshow

This content slideshow script utilizes CSS3 transform to rotate and "unhinge" each...

jQuery SumoSelect

SumoSelect is a jquery plugin which beautifully renders a single or multiple HTML select element....

jBox

jBox is a powerful and flexible jQuery plugin, taking care of all your modal windows, tooltips,...

WordPress Lightbox – Catalyst Template

Wordpress Image Lightbox. Catalyst Style DEMO. Wordpress Photo Lightbox maker comes with a...

DataTable AJAX Pagination jQuery plugin

The best jQuery AJAX Pagination plugin——DataTable jQuery plugin!

jQuery Circliful Plugin

jQuery plugin for showing circle statistics.

jQuery Turtle

jQuery plugin for turtle graphics. Every element is a turtle that can rotate, move, animate,...

Simple Calendar and Date Picker

A simple calendar and date picker only depends on JQuery

jQuery Browser Rejection

jReject is a simple tool for rejecting specific browsers in a nice modal window

qTip2 – Pretty powerful tooltips

Introducing... qTip2. The second generation of the advanced qTip plugin for the ever popular...

jQuery droparea

jQuery plugin for HTML5 drag-and-drop (images and files).

fancy input

Makes typing in input fields fun with CSS3 effects

jQuery Date and Time picker

jQuery plugin for date, time, or datetime manipulation in form

mBox fullscreen lightbox plugin

mBox is a true full-screen light box(modal box) solution. Full Screen feature is supported by...

Blindify

Blindify is a jQuery plugin which creates a slideshow featuring a blinds effect transitioning...

Acxmenu – multilevel jquery accordion menu

Acxmenu - multilevel jquery accordion menu plugin for jQuery.

appendGrid – The dynamic table input jQuery plugin

appendGrid allow you to input structured data row by row such like filling spreadsheets. It...

Bootstrap Datagrid

bs_grid is a jQuery Datagrid plugin, based on Twitter Bootstrap. Advanced row selection, sorting,...

Bootstrap Form Helpers Date Picker

Date Picker jQuery plugin for Bootstrap.

Flexible jQuery slider plugin

with ayaSlider you can create a flexible slider with multiple parallax effects, there is no...

jQuery nanoGALLERY

Image gallery simplified. Touch enabled, responsive, justified/cascading/grid layout and it...

Bootstrap Auto-Hiding Navbar

An extension for Bootstrap's fixed navbar which hides the navbar while the page is scrolling...

TagCanvas HTML5 canvas tag cloud

Displays tags as a 3D rotating tag cloud using an HTML5 canvas

jQuery Tiles

Splits images in as many tiles as you want, even with a gap.

Canvas Image Map Area Editor

Create and edit image map area polygons in a canvas-based GUI that replaces form elements.

jQuery Photobox

A lightweight CSS3 image gallery plugin for jQuery that is pretty to look and and easy to use.

aciTree – A customizable treeview control

aciTree renders a treeview control based on a simple data structure. The tree can be lazy loaded...

Switchy

This is a tiny jQuery plugin which can be used as both a switch or a slider.

Bootstrap Tags Input

jQuery plugin providing a Twitter Bootstrap user interface for managing tags.

jQuery Clock or Timer plugin in retro flip-count down style

jQuery Clock,Timer or Counter plugin in retro flip-count down style. The plugin can display the...

jQuery Number Format

Easily format numbers for display use. Replace numbers inline in a document, or return a...

jQuery Slider – WOW image slider

WOW Slider is a jQuery image slider plugin with fantastic visual effects and beautifully...

jQuery Easy Ticker

jQuery easy ticker is a news ticker like plugin, which scrolls the list infinitely. It is highly...

autoNumeric – Currency formatting made easy

jQuery plugin that automatically formats currency (money) and numbers as you type on form inputs....

jQuery Etherpad

jQuery plugin for embedding Etherpad

Usage & Examples

Include jQuery.js,

...

jQuery AlignColumn

jQuery plugin for aligning columns of a table on decimal or other character.

Bootstrap Form Helpers Currency Picker

Currency Picker jQuery plugin for Bootstrap.

jQuery Waterwheel Carousel

This jQuery plugin can display images with a cascading waterwheel effect.