Привет всем.
Есть скрипт бегущей строки
<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;
}