Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Плавное увеличение постоянно увеличивавшегося числа. Как? (https://javascript.ru/forum/jquery/79158-plavnoe-uvelichenie-postoyanno-uvelichivavshegosya-chisla-kak.html)

sprigan 25.12.2019 12:54

Плавное увеличение постоянно увеличивавшегося числа. Как?
 
Приветствую всех.
Есть код, который каждую секунду к числу добавляет 5. Как сделать увеличение числа плавным?

var clients = 10;// начальное число
clients = localStorage.getItem("ourclients") || clients;
setInterval(function () {
document.getElementById('ourclients').innerHTML = clients + ' клиентов';
clients+=5;
}, 1000);
window.onbeforeunload = function () {
localStorage.setItem("ourclients", clients);
}

ksa 25.12.2019 13:25

Цитата:

Сообщение от sprigan
Как сделать увеличение числа плавным?

Какие критерии "плавности"?

рони 25.12.2019 13:31

sprigan,
https://javascript.ru/forum/misc/786...tml#post514372

Malleys 25.12.2019 13:38

sprigan,
<p id="ourclients"></p>
<script>
var startTime = "startTime" in localStorage ? localStorage.startTime : localStorage.startTime = Date.now();
Object.defineProperty(window, "clients", {
	get: function() {
		return Math.floor((Date.now() - startTime) / 1000 * 5);
	}
});

setInterval(function() {
	document.getElementById("ourclients").innerHTML = clients + " клиентов";
}, 100);
</script>

sprigan 25.12.2019 13:48

Спасибо, то что нужно

Цитата:

Сообщение от Malleys (Сообщение 518012)
sprigan,
<p id="ourclients"></p>
<script>
var startTime = "startTime" in localStorage ? localStorage.startTime : localStorage.startTime = Date.now();
Object.defineProperty(window, "clients", {
	get: function() {
		return Math.floor((Date.now() - startTime) / 1000 * 5);
	}
});

setInterval(function() {
	document.getElementById("ourclients").innerHTML = clients + " клиентов";
}, 100);
</script>


sprigan 25.12.2019 13:49

Спасибо, интересный пример

Цитата:

Сообщение от рони (Сообщение 518011)


sprigan 25.12.2019 13:50

к примеру изменение от одного значения к последующему за 5 секунд.
Цитата:

Сообщение от ksa (Сообщение 518010)
Какие критерии "плавности"?


Vlasenko Fedor 28.12.2019 20:04

Malleys,
делать глобальный clients для счетчика
да тут ты крут :lol:


Часовой пояс GMT +3, время: 22:08.