Odometer

by Umair Rafiq

HTML

<div class="odometer" data-seconds="0.0025">1999.2799</div>

CSS

</style><!-- This closes the open style tag above. Just a jsFiddle thing. Please ignore. -->


<!-- Odometr includes -->
<link rel="stylesheet" href="http://github.hubspot.com/odometer/themes/odometer-theme-car.css" />
<script src="http://github.hubspot.com/odometer/odometer.js"></script>

<!-- Extra styles for this example -->
<style>
.odometer {
    font-size: 40px;
}

JavaScript

var placement = document.querySelector('.odometer');
	var startValue = placement.innerHTML;
	var increase = 23223;
	var seconds = $('.odometer').data("seconds");
	var speed = (1 / seconds) * 10;

	jackpotOdometer = new Odometer({
		
		el: placement,
	  	value: startValue,
	  	format: '(,ddd).dd'

	});

	var current = jackpotOdometer.value;

	//console.log("current = " + current);

	setInterval(function(){

		//var parsed = parseInt(increase);
		
		//jackpotOdometer.update(current + increase);

		//var fixedCurrentNumber = currentPlusIncrease.toFixed(2);

		//console.log("Fixed Current Number = " + fixedCurrentNumber);

		//current = current.toFixed(2) + increase.toFixed(2);

		var num = (current += increase).toFixed(2);

		console.log("current = " + num);

		jackpotOdometer.update(num);

}, speed);