Задать вопрос
@1programmer

Как сделать что бы записи выводились по очереди?

Привет всем.
Есть скрипт бегущей строки
<div class = "ticker-container">
						<div class = "ticker-text">
					    <p class="">слово1, слово2, слово3</p>
						</div>
					</div>

var width = $('.ticker-text').width(),
		    containerwidth = $('.ticker-container').width(),
		    left = containerwidth;
		$(document).ready(function(e){
			function tick() {
		        if(--left < -width){
		            left = containerwidth;
		        }
		        $(".ticker-text").css("margin-left", left + "px");
		        setTimeout(tick, 8);
		      }
		      tick();
		});

Сейчас слово идут друг за другом, сразу, бегущей строкой. Как сделать что бы, пока не прошло первое слово, второе не выводится, то есть что бы слова выводились по очереди?
P.S стили
ticker-container {
	width: 100%;
	overflow: hidden;
  margin: 0 auto;
}
.ticker-text {

  color: #fafafa;
  white-space:nowrap;
  display:inline-block;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}
.ticker-text p{
	font-family: 'Roboto Mono', monospace;
	padding: 0;
	margin: 0;
	font-size: 40px;
	color:#ffb200;
	font-weight: 700;
}
  • Вопрос задан
  • 166 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Режете исходный текст на куски, по очереди заменяете их при выходе текста за границу экрана. Как-то так.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы