Вывод элементов 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, время: 03:12. |