Inkrementacja (pętla while) - animacja

Inkrementacja (pętla while) - animacja
ER
  • Rejestracja:prawie 7 lat
  • Ostatnio:ponad 5 lat
  • Postów:14
0

Siema,
potrzebuje aby w divie, gdy wywołamy funkcje increment(), wartość się inkrementowała (animowałą) co sekundę aż do zakończenia warunku. W tej chwili do diva zostanie wpisany tekst jak pętla się zakończy,a chce osiągnąć coś takiego jak z np czasem (czyli co sekundę wartość ulega zmianie).

Kopiuj
function increment() {
let take = document.getElementById("numberOne");
let i = 1;
while (i<1000) {
take.innnerHTML = i;
i++;
}}
let intervalIncrement = setInterval(increment, 1000)

Jakieś sugestie?

edytowany 3x, ostatnio: cerrato
serek
  • Rejestracja:około 11 lat
  • Ostatnio:minuta
  • Postów:1475
1

No, blisko jesteś. Widzę, że znasz setInterval, więc nie jest źle^^. Tylko to lekko przerób.

Możesz zrobić coś takiego np.:

Kopiuj
function increment() {
	let i = 0;
	let interval = setInterval(function() {
		console.log(++i);
		
		if (i === 1000) {
		    clearInterval(interval);
		}
	}, 100);
}

increment();
ER
  • Rejestracja:prawie 7 lat
  • Ostatnio:ponad 5 lat
  • Postów:14
0

Dzięki wielkie:)

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.