Как сделать плавное изменения числа в калькуляторе ZeroBlock в Tilda
0
Special Offers
GET 30% OFF
Creativity is to discover a question that has never been asked. If one brings up an idiosyncratic question, the answer he gives will necessarily be unique as well.
$

Как сделать плавное изменения числа в калькуляторе ZeroBlock в Tilda

1
Создали ZeroBlock и добавили форму с ползунком и форму с калькулятором отдельно, который считает значения от ползунка
2
Полю с калькулятором задали имя total
3
Создали элемент текст в Zero и присвоили ему ссылку #numgrow
4
Добавили код на страницу, в блок Другое - Т123
Библиотека для примера
<script>
$( document ).ready(function() {
   $(".tn-atom__form").on('DOMSubtreeModified', ".t-calc", function() {
	$(function() {
	   var cLnum = 'a[href="#numgrow"]';
	   var numb_start = $(cLnum).html();
	   var numb_end = $('input[name="total"]').next('.t-calc__wrapper').children('.t-calc').html();
	   $({numberValue: numb_start}).animate({numberValue: numb_end}, {
			duration: 1500, 
			easing: "swing",
			step: function(val) {$(cLnum).html(Math.ceil(val)); 
			}
		});
	});
   });
});	
</script>
Made on
Tilda