Мобильная версия
Как вставить запятую , в это поле?
Я хочу, чтобы в этом счетчике была запятая. Я использовал код с этого сайта https://github.com/MikhaelGerbet/jquery ... al-counter
Я хочу, чтобы запятые соответствовали позициям на изображении.
Код: Выделить всё
$(".incremental-counter").incrementalCounter();Код: Выделить всё
.incremental-counter .num {
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 4px;
color: #00aae6;
display: inline-block;
height: 64px;
line-height: 62px;
margin: 0 4.5px;
position: relative;
text-align: center;
top: -1px;
width: 50px;
font-size: 45px;
font-size: 3.72625em;
font-weight: 700;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
font-family: "Open Sans",Arial,Helvetica,sans-serif;
}
.incremental-counter .num::before {
background: #00aae6;
content: "";
display: block;
height: 1px;
left: -1px;
margin: -0.5px 0 0;
position: absolute;
right: -1px;
top: 50%;
width: auto;
}Код: Выделить всё
/*
Plugin Name: jQuery plugin incremental counter
Plugin URI: https://github.com/MikhaelGerbet/jquery-incremental-counter
Description: jQuery plugin incremental counter is a simple counter animated
Author: GERBET Mikhael
Author URI: https://github.com/MikhaelGerbet
License: MIT
*/
(function($){
$.fn.incrementalCounter = function(options){
//default options
var defauts = {
"digits": 4
},
pad = function(n, width, z) {
z = z || '0';
n = n + '';
return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
},
start = function(element){
var current_value = parseInt($(element).data('current_value')),
end_value = parseInt($(element).data('end_value')),
current_speed = 20;
if(end_value === 0) {
return false;
}
if (end_value - current_value < 5){
current_speed = 200;
current_value += 1;
} else if(end_value - current_value < 15){
current_speed = 50;
current_value += 1
} else if(end_value - current_value < 50){
current_speed = 25;
current_value += 3
} else{
current_speed = 25;
current_value += parseInt((end_value - current_value)/24)
}
$(element).data({
current_value:current_value
});
if(current_speed){
setTimeout(function(){
display($(element),current_value);
},current_speed);
}else{
display($(element),current_value);
}
},
display = function(element,value){
var padedNumber = pad(value, element.data('digits')),
exp = padedNumber.split(""),
end_value = $(element).data('end_value'),
nums = $(element).find('.num');
$(exp).each(function(i,e){
$(nums[i]).text(exp[i]);
});
if(end_value != value){
start(element);
}
},
//merge options
options = $.extend(defauts, options);
this.each(function(index, element){
var default_digits = options.digits ,
digits = element.getAttribute('data-digits') ? element.getAttribute('data-digits') : default_digits ,
end_value = parseInt( element.getAttribute('data-value'));
digits = digits === 'auto' || digits < String(end_value).length ? String(end_value).length : digits;
//get value
$(element).data({
current_value : 0,
end_value : end_value,
digits : digits,
current_speed : 0
});
//add number container
for(var i=0 ; i < digits ; i++){
$(element).append('0');
}
start($(element));
});
return this;
};
})(jQuery);Подробнее здесь: https://stackoverflow.com/questions/792 ... o-this-box
