Помогите, пожалуйста, немного поправить скрипт бегущей строки. Когда страница загружается, то строка уже заполнена. А мне нужно, чтобы строка начинала бежать только после того, когда произойдет полная загрузка сайта. Можно так сделать? И еще один момент: как сделать паузу при наведении на строку? Спасибо большое!
var wrapper = document.querySelector('.currency_quotation'),
marquee = document.querySelector('#marquee'),
wrapperWidth = wrapper.offsetWidth,
marqueeWidth = marquee.scrollWidth;
function move() {
var currentTX = getComputedStyle(marquee).transform.split(',');
if( currentTX[4] === undefined ) {
currentTX = -1;
} else {
currentTX = parseFloat(currentTX[4]) - 1;
}
if(-currentTX >= marqueeWidth) {
marquee.style.transform = 'translateX(' + wrapperWidth + 'px)';
} else {
marquee.style.transform = 'translateX(' + currentTX + 'px)';
}
}
var interval = setInterval(move, 20);
<style>.currency_quotation {
width: 100%;
overflow: hidden;
position: relative;
}
#marquee {
white-space: nowrap;
}
#marquee p {
display: inline;
margin-right: 50px;
}</style>
<div class="currency_quotation">
<div id=marquee>
<p>Старт прошел в ночь на 8 января 2018 года с пускового комплекса SLC-40 на мысе Канаверал во Флориде..</p>
<p>Стратегическое командование США сообщило, что не зафиксировала новый военный спутник на заданной орбите. Некоторые СМИ уже предположили, что американский спутник-шпион упал в океан. В компании Илона Маска утверждали, что, по их данным, Falcon 9 отработал в штатном режиме. Позже в SpaceX начали расследование. Уже заявлено, что «к настоящему моменту нет признаков саботажа или другого вмешательства» в процесс запуска спутника.</p>
</div>
</div>