07.12.2016, 20:09
|
|
Профессор
|
|
Регистрация: 09.01.2013
Сообщений: 167
|
|
|
Обновляемый блок с список пользователей
Здравствуйте! Есть такая задача, нужно сделать блок в котором будет 50 последних регистраций, грубо говоря беру из базы 50 последних пользователей и вставляю в блок, но в блоке показываются 10 регистраций, а далее подключается 1 новая и 1 старая внизу уходит, например 1 раз в минуту появляются новая а старая уходит.
Прилагаю скриншот, там где красным зачеркнуто, а сверху зеленым это новый человек
подскажите пожалуйста как такое реализовать? может где-то есть готовый код?
Обновление контента не должно происходить, когда последняя 50 регистрация покажется, список должен остановится и всё. |
|
07.12.2016, 20:23
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
|
porezon,
в чём проблема создать массив на 10, изменять и выводить его 40 раз?
|
|
07.12.2016, 20:26
|
|
Профессор
|
|
Регистрация: 09.01.2013
Сообщений: 167
|
|
|
можно где-то посмотреть пример? я не знаю как это сделать
|
|
07.12.2016, 20:43
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
porezon,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
function b() {
var d = c.slice(a, a + 10).reverse().join("<br>");
$("#slider").html(d);
a + 10 < c.length && (a++, window.setTimeout(b, 1E3))
}
var c = $.map(Array(50), function(a, b) {
return b
}),
a = 0;
b()
});
</script>
</head>
<body>
<div id="slider"></div>
</body>
</html>
|
|
07.12.2016, 21:11
|
|
Профессор
|
|
Регистрация: 09.01.2013
Сообщений: 167
|
|
а как мне сделать с именами? например вот список имен:
1 - Valera Kunin
2 - Sergey Marisu
3 - Danil Sergeev
4 - Marisiy Kilil
5 - Segrey Kanded
6 - Denis Egorov
7 - Georgiy Pronov
8 - Hector Blind
9 - Valera Kunin
10 - Sergey Marisu
11 - Valera Kunin
12 - Sergey Marisu
13 - Danil Sergeev
14 - Marisiy Kilil
15 - Segrey Kanded
16 - Denis Egorov
17 - Georgiy Pronov
18 - Hector Blind
19 - Valera Kunin
20 - Sergey Marisu
21 - Sergey Marisu
22 - Sergey Marisu
23 - Danil Sergeev
24 - Marisiy Kilil
25 - Segrey Kanded
26 - Denis Egorov
27 - Georgiy Pronov
28 - Hector Blind
29 - Valera Kunin
30 - Sergey Marisu
|
|
07.12.2016, 22:11
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
|
porezon,
var c = ['Valera Kunin',...]
|
|
07.12.2016, 22:44
|
|
Профессор
|
|
Регистрация: 09.01.2013
Сообщений: 167
|
|
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
function b() {
var d = c.slice(a, a + 10).reverse().join("<br>");
$("#slider").html(d);
a + 10 < c.length && (a++, window.setTimeout(b, 1E3))
}
var c = ['Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin']
var c = $.map(Array(50), function(a, b) {
return b
}),
a = 0;
b()
});
</script>
</head>
<body>
<div id="slider"></div>
</body>
</html>
сделал так, и не работает |
|
07.12.2016, 22:53
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
porezon,
 уберите строки 19 - 22 запятую только оставьте
|
|
07.12.2016, 23:17
|
|
Профессор
|
|
Регистрация: 09.01.2013
Сообщений: 167
|
|
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
function b() {
var d = c.slice(a, a + 10).reverse().join("<br>");
$("#slider").html(d);
a + 10 < c.length && (a++, window.setTimeout(b, 1E3))
}
var c = ['Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin']
,
b()
});
</script>
</head>
<body>
<div id="slider"></div>
</body>
</html>
так тоже не работает |
|
07.12.2016, 23:18
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
porezon,
....!!!
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
function b() {
var d = c.slice(a, a + 10).reverse().join("<br>");
$("#slider").html(d);
a + 10 < c.length && (a++, window.setTimeout(b, 1E3))
}
var c = ['Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','11Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin']
,
a = 0;
b()
});
</script>
</head>
<body>
<div id="slider"></div>
</body>
</html>
|
|
|
|
