Как реализовать бесконечное увеличение цифр на сайте в нескольких блоках с одним классом?

Question

[Евгений Карпов]

Как сделать увеличение числа на 1 или любое другое, до бесконечности? проблема в том, что это нужно сделать на одной странице сайта у нескольких блоков с общим классом. Значения входящих и выходящих данных должны быть разными. Т.е. стартовое число, скажем, для 4 блоков 100, 240, 50, 345 от них каждый счетчик с своем блоке и начинает отсчет.

Answer 1

[Stalker_RED]

let blocks = document.querySelectorAll('.foo')
setInterval(function(){
	blocks.forEach(block => {
  	block.textContent = +block.textContent + 1
  })
}, 500)

https://jsfiddle.net/32jufnm8/

То-же самое с jQuery

let blocks = $('.foo')
setInterval(function(){
	blocks.each(function(){
  	this.textContent = +this.textContent + 1
  })
}, 500)

https://jsfiddle.net/32jufnm8/1/

Comments

[Василий Варюхин]

Насколько выгодно использовать let?

[Олег]

Hocopor, Yvkb если use strict то не то, что выгодно. А стандарт локальной переменной

[Евгений Карпов]

Спасибо за помощь

[Василий Варюхин]

Гляжу я на поддержку мобильными браузерами и думаю стоит повременить.

[Stalker_RED]

Hocopor, сейчас модно делать так: пишешь на современном js, а специальный сборщик делает версии для старых браузеров в автоматическом режиме. А то так можно очень долго ждать, пока очередной ie до конца вымрет.

Конкретно в этом случае, если вместо let написать var, ничего не изменится. Да и в 95% кода так будет, если не больше.

[Василий Варюхин]

Stalker_RED, Нет, я знаю зачем нужен let. Мне как раз и интересно насколько это оправдано. Про ie и речи нет.

на поддержку мобильными браузерами