Как сделать счетчик чисел с точкой?

Question

[Nik Master]

Есть счетчик который листает только целые числа. Подскажите пожалуйста как в нем перелистывать числа с точкой. Например 89,9.

<h1><span class="count number" data-max="99.9">0</span>%</h1>

var number = document.querySelector('.number'),
		numberTop = number.getBoundingClientRect().top,
		start = +number.innerHTML, end = +number.dataset.max;

		window.addEventListener('scroll', function onScroll() {
			if(window.pageYOffset > numberTop - window.innerHeight / 2) {
				this.removeEventListener('scroll', onScroll);
				var interval = setInterval(function() {
					number.innerHTML = ++start;
					if(start == end) {
						clearInterval(interval);
					}
				}, 5);
			}
		});

Answer 1

[Денис Юрьев]

1. берите текущее значение, умножайте на 10
   
2. инкрементируйте/декрементируйте (прибавляйте/удаляйте единцу)
   
3. делите на 10
   
4. округляйте до 1 знака после точки, а то js знаменит своей погрешностью при операциях с float =)
   

upd: вот примерно так подправить ваш скрипт, но с округлениями не заморачивался, если где-то увидите цифры в форме 86.500000003213..., то вам домашние задание для самообразования - сделать округление перед выводом =)

<script type="text/javascript">
    var number = document.querySelector('.number'),
    numberTop = number.getBoundingClientRect().top,
    start = +number.innerHTML*10, end = +number.dataset.max*10; //правка раз

    window.addEventListener('scroll', function onScroll() {
      if(window.pageYOffset > numberTop - window.innerHeight / 2) {
        this.removeEventListener('scroll', onScroll);
        var interval = setInterval(function() {
          number.innerHTML = ++start/10; //правка два
          if(start == end) {
            clearInterval(interval);
          }
        }, 5);
      }
    });
  </script>

Comments

[Nik Master]

К сожалению не силен в скриптах. Не подскажете как будет код в итоге выглядеть?

[0xD34F]

Nik Master, если "не силен", тогда вам сюда.

[Nik Master]

0xD34F, Спасибо за помощь.

[Денис Юрьев]

Nik Master, обновил ответ, но советую вам все таки такие простые задачи пытаться самому решить. JS для меня вообще далекая стезя, к примеру, но такие азы знать полезно

[Денис Юрьев]

0xD34F, пользуюсь философией, что чем меньше они знают/сами могут, тем я ценнее как специалист) когда вопросы из раздела "еще два года учиться до джуниора" - можно и помочь, если сами ленятся =)

[Nik Master]

Денис Юрьев, Спасибо. То что нужно. И для образования.) Я потихоньку изучаю, но встала такая задача. А я пока на уровне переменную создать, ну может математикой с этими переменными ещё заняться.))
P.S. Никогда не ленюсь. Стараюсь сам выучить или найти ответ. Но если долго не получается, то конечно не стесняюсь спросить совета у опытных товарищей.