Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.12.2018, 15:17
Новичок на форуме
Отправить личное сообщение для Alex Frost Посмотреть профиль Найти все сообщения от Alex Frost
 
Регистрация: 15.12.2018
Сообщений: 2

Вывод элементов 2 разных массивов в 2 разных div'а одновременно и повторяющийся цикл.
Здравствуйте господа программисты. Я новичок и JS является моим первым языком программирования.
Я перерыл весь интернет, но так и не смог разобраться в некоторых вопросах.
Короче, перед мной встала
такая задача:

Есть 2 массива, в каждом по 10 элементов (может быть и больше), мне нужно вывести содержимое массива "name" в
div "name-list", а "surename" в "surename-list" ( Vadim и Petrov, ожидание, Sasha и Ivanov, ожидание, и т.д.), т.е одновременно и с задержкой в 5000 на месте 2 предыдущих элементов. Но тут такой нюанс, мне нужно что бы весь цикл повторялся заново после того, как
последние 2 элемента будут отображены. Реально ли это осуществить?

Старался объяснить как можно конкретнее, а вот и сам "код":

window.onload = function sidebar() {
    var name = new Array(10);
        name[0] = "Vadim";
        namer[1] = "Sasha";
        name[2] = "Slava";
        name[3] = "Gleb";
        name[4] = "Gosha";
        name[5] = "Viktor";
        name[6] = "Valya";
        name[7] = "Alex";
        name[8] = "Vlad";
        name[9] = "Sergey";
        name[10] = "Kostya";	
        
            name = document.getElementById("name-list"), i = 0; 
            
    var surename = new Array(10);
        surename[0] = "Petrov";
        surename[1] = "Ivanov";
        surename[2] = "Kuznechov";
        surename[3] = "Kashenko";
        surename[4] = "Pushkin";
        surename[5] = "Moroz";
        surename[6] = "Aksenov";
        surename[7] = "Nikolaev";
        surename[8] = "Ppovorov";
        surename[9] = "Patapenko";
        surename[10] = "Popov";
	        	                      
            surename = document.getElementById("surename-list"), i = 0; 
        
        return function() { 
            if ( +i < name.length )  {
                elem.innerHTML = name[ i ] + surname[ i ] + '<br>';
                setTimeout( arguments.callee, 5000 );
            }                           	        
    }();
};
Ответить с цитированием
  #2 (permalink)  
Старый 15.12.2018, 15:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Alex Frost,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

  <script>
window.onload = function() {
    var name = new Array(10);
        name[0] = "Vadim";
        name[1] = "Sasha";
        name[2] = "Slava";
        name[3] = "Gleb";
        name[4] = "Gosha";
        name[5] = "Viktor";
        name[6] = "Valya";
        name[7] = "Alex";
        name[8] = "Vlad";
        name[9] = "Sergey";
        name[10] = "Kostya";



    var surename = new Array(10);
        surename[0] = "Petrov";
        surename[1] = "Ivanov";
        surename[2] = "Kuznechov";
        surename[3] = "Kashenko";
        surename[4] = "Pushkin";
        surename[5] = "Moroz";
        surename[6] = "Aksenov";
        surename[7] = "Nikolaev";
        surename[8] = "Ppovorov";
        surename[9] = "Patapenko";
        surename[10] = "Popov";

    var elem = document.getElementById("show"), i = 0, len = surename.length;

    void  function f() {
                elem.innerHTML = name[ i ] + ' ' +surename[ i ] + '<br>';
                i = ++i % len;
                window.setTimeout(f, 1000)
            }()

};

  </script>
</head>

<body>
<div id="show"></div>

</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 15.12.2018, 15:45
Новичок на форуме
Отправить личное сообщение для Alex Frost Посмотреть профиль Найти все сообщения от Alex Frost
 
Регистрация: 15.12.2018
Сообщений: 2

Огромное вам спасибо Рони,
Все работает, вроде разобрался.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сортировка элементов разных массивов DivMan Общие вопросы Javascript 12 04.12.2016 20:56