🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

digitScroller.js is a small jQuery plugin that makes uses of CSS transitions and transforms to perform a retro roll/flip animation between numbers.

text-animation flip-clock

Documentation

jquery.digitScroller.js

Showcase countdown

A jquery plugin for digit scrolling.


Installation

This Plugin requires jQuery.

<link rel="stylesheet" href="../dist/jquery.digitScroller.css"> <script src="../dist/jquery.digitScroller.js"></script>

Example

<script>   $(function() {      var scroller = $(".digit_scroll_container").digitScroller({       scrollDuration: 500 // duration between number change     });      // Method to set scroll duration     scroller.scrollDuration(200);      // Method to scroll to a number one by one.     scroller.scrollTo(99);      // Method to jump directly to a number     scroller.jumpTo(99);    }); </script>  <div class="digit_scroll_container">00</div>

You May Also Like