Показать сообщение отдельно
  #5 (permalink)  
Старый 06.08.2015, 19:21
Профессор
Отправить личное сообщение для Decode Посмотреть профиль Найти все сообщения от Decode
 
Регистрация: 31.01.2015
Сообщений: 576

tihonan, так?

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
  <style>
    #main div {
      display: none;
    }
  </style>
</head>
<body>
  <div id="main">
    <div>Текст первого блока</div>
    <div>Текст второго блока</div>
    <div>Текст третьего блока</div>
  </div>
  
  <script>
    var main = document.querySelector('#main'),
        mainChilds = [].slice.call( document.querySelectorAll('#main div') ), i = 0;


    setInterval(function() {
      mainChilds.forEach(function(item) {
        item.style.display = 'none';
      });

      mainChilds[i % mainChilds.length].style.display = 'block';
      i++;
    }, 3000);
  </script>
</body>
</html>
Ответить с цитированием