Themes

To use a builtin theme, simply include the theme style sheet:

<link rel="stylesheet" href="odometer-theme-default.css" />
Name Theme
Defaultdefault
818283,848586
Minimalminimal
818283,848586
Carcar
818283,848586
Plazaplaza
818283,848586
Slot Machineslot-machine
818283,848586
Train Stationtrain-station
818283,848586
Digitaldigital
818283,848586

Multiple Themes on One Page

If you need to use multipled Odometer themes on a single page, do the following.

odometerOptions = { auto: false }; // Disables auto-initialization
odometerOptions = { auto: false }; // Disables auto-initialization
 
// For each odometer, initialize with the theme passed in:
var odometer = new Odometer({ el: $('.odometer')[0], value: 123, theme: 'car' });
odometer.render();
 
 

  • JS
  • Coffee