Вывод элементов 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 ); } }(); }; |
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> |
Огромное вам спасибо Рони,
Все работает, вроде разобрался.
|
Часовой пояс GMT +3, время: 09:14. |