kit4kat: на деле, переопределять стили - это ужасно невыгодно. Забудете что-либо, всплывёт потом, нужно в голове много лишнего держать. Да и фигня это всё, здесь нет реально сложных вещей. Нужно знать вёрстку, тогда бутстрап не будет нужен. С jQuery, кстати, так же - если знаете js, она не нужна.
Единственная вещь - при использовании таймеров нужно добавлять события window.onblur и window.onfocus, потому что таймеры плохо работают, если вкладка неактивна. Как только окно не в фокусе, удаляем все элементы с поля, как только снова в фокусе - стартуем заново.
Самый элементарный и "в лоб" способ подходит, если у нас фиксированная высота. Вот у нас есть JSON, мы переводим его в объект при помощи JSON.parse(objectName), получаем все данные. Допустим, у нас есть строка размером в 500 пикселей и overflow: hidden. Мы создаём в ней объект с классом item-start:
и после этого добавляем к этому объекту класс item-end:
item-end {
transform: translateY(520px);
}
Наш элемент за 5 секунд дойдёт до конца и скроется, и мы можем поставить сразу таймаут на 5с, чтобы его удалить. Делаем цикл, и каждые 500мс аппендим новый элемент, например, и они начинают вниз ползти.
Если не фиксированная высота, то придётся сложнее, но тоже можно что-нибудь придумать на чистом css.
Хм, то есть у нас есть какая-то строка, которая непрерывно движется вниз. Как только они попадают за границы блока, где это всё находится, они удаляются, а при этом создаются новые сверху. Так? Возможно, во мне дело, но я не слишком понимаю суть всё ещё.
Osklizg: ой, прошу прощения, неправильно прочитал вашу строку. Для того, чтобы в js заработал JSON.parse(строка), строка должна быть следующего вида: {"tables": "["some", "text", "in", "array"]"}
То есть, всё заключено в фигурные скобки, дальше всё как в js-объекте, за исключением того, что обязательны двойные кавычки. Таким образом JSON.stringify трансформирует эту строку в js-объект:
{
tables: ["some", "text", "in", "array"]
}
Вообще, все данные на фронтенд нужно передавать именно таким образом. Кстати, чтобы конвертировать объект в JSON-строку, из js можно использовать JSON.stringify(object). Очень удобно так общаться с сервером.
Hyubert: разумеется. ванилла уже давно предоставляет удобные инструменты и техники, которые делают jQuery бессмысленной. Не стоит забывать и о том, что jQuery - это лишний запрос, лишняя память и замедление работы скриптов в 2-3 раза, а иногда и сильно больше.
https://jsfiddle.net/ayp5gyao/8/