Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вывод элементов 2 разных массивов в 2 разных div'а одновременно и повторяющийся цикл. (https://javascript.ru/forum/misc/76228-vyvod-ehlementov-2-raznykh-massivov-v-2-raznykh-div%27-odnovremenno-i-povtoryayushhijjsya-cikl.html)

Alex Frost 15.12.2018 15:17

Вывод элементов 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 );
            }                           	        
    }();
};

рони 15.12.2018 15:27

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>

Alex Frost 15.12.2018 15:45

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


Часовой пояс GMT +3, время: 09:14.