Автоматическая прокрутка веб-страницы с помощью RSS-канала, элемент за элементом - PullRequest
Новая
       19

Автоматическая прокрутка веб-страницы с помощью RSS-канала, элемент за элементом

1 голос
/ 28 сентября 2019

Я делаю настенный дисплей (монитор с новостной лентой на нем).Я новичок в javascript, но мне удалось найти несколько источников, которые помогли мне разместить RSS-ленту на PHP-странице и отформатировать ее с помощью CSS.
Пока все хорошо!
Чтобы превратить эту страницу в настенный экран, я хотел бы показать один элемент фида в течение нескольких секунд, а затем автоматически перейти к следующей странице.Каждый элемент фида находится в <div class="post">.Может кто-нибудь помочь мне с примером кода автопрокрутки?

Я пытался непрерывно прокручивать страницу, но это не тот эффект, который я ищу.

Это код <div>, который показывает сообщение: 

<div class="post">
<div class="post-head">
<h2><a class="feed_title" href="<?php echo $link; ?>"><?php echo $title; ?></a></h2>
<span><?php echo $pubDate; ?></span>
</div>
<div class="post-content">
<?php echo implode(' ', array_slice(explode(' ', $description), 0, 20)) . "..."; ?> <a href="<?php echo $link; ?>">Read more</a>
</div>
</div>

Для прокрутки в настоящее время я использую скрипт из javascriptkit.com:

<script language="JavaScript1.2">

var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",100)
}
window.onload=initialize
</script>

Страница, которая у меня сейчас есть, доступна здесь: https://app -storage.org / mrm / rsstest.php

Эффект, который я ищу:
1.Показать первый элемент новостей
2. подождать несколько секунд
3. плавно прокрутить до второго элемента новостей
4. в конце страницы вернуться к первому элементу

Любойпомощь очень ценится !!!

...