jenkasia,
<!doctype html>
<html>
<head>
<title>untitled</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style>
@font-face{
font-family:'Intro';
src:url('http://s.platformalp.ru/fonts/intro/400.woff2') format('woff2');
}
.num{
font-size:104px;
font-weight:600;
font-family:'Intro';
color:#999999;
}
.num .m{
color:#FF1493;
}
.num .m:nth-last-child(n +4){
color:#006400;
}
</style>
<script>
$(function() {
$(".num").each(function(c, b) {
b = $(b);
var a = b.data();
$({n:a.num}).animate({n:a.end}, {duration:a.duration, step:function(a) {
a = ("" + (a | 0)).split("").reduce(function(a, b) {
return a + "<span class='m'>" + b + "</span>";
}, "");
b.html(a);
}});
});
});
</script>
</head>
<body>
<div class="num" data-num="100000" data-end="101000" data-duration="200000"></div>
<div class="num" data-num="15000" data-end="0" data-duration="20000"></div>
</body>
</html>