как добавить класс элементам с определенным интервалом

[рони]

<style>
  .red {
    color: red;
  }
</style>
<p class="hello">Lorem ipsum dolor sit amet, consectetur</p>
<p class="hello">Sapiente in delectus dolorem reiciendis ditii</p>
<p class="hello">Quis dolore autem voluptatibus repellat</p>
<script>
      var pAll = document.querySelectorAll('p.hello'), i = 0, p,
      timer = setInterval(function () { p = pAll[i++];
      p ?  p.classList.add('red') : clearInterval(timer)
    }, 2000);
</script>

[Vlasenko Fedor]

рони,
http://caniuse.com/#search=classList
и так в скором времени ты напишешь мой вариант

<style>
  .red {
    color: red;
  }
</style>
<p class="hello">Lorem ipsum dolor sit amet, consectetur</p>
<p class="hello">Sapiente in delectus dolorem reiciendis ditii</p>
<p class="hello">Quis dolore autem voluptatibus repellat</p>
<script>
var allP = document.querySelectorAll('p.hello'),
    len = allP.length,
    i = 0,
  timer = setInterval(function () {
    len-- 
	? allP[i++].className += ' red'
	: clearInterval(timer);
  }, 2000);
</script>

[ksa]

в скором времени ты напишешь мой вариант

Так он и твой сильно поменялся по отношении к первому варианту.

[BETEPAH]

А стартер хоть бы раз появился в ветке

[Smike]

Большое спасибо всем вам за помощь. Этот топик показывает, что одну и ту же задачу можно решить разными способами на js