أخبار

<div style=”background:#222; color:#fff; padding:8px; font-family:Tahoma, Arial, sans-serif; font-size:14px; overflow:hidden; white-space:nowrap;”>
  <span id=”news-ticker” style=”display:inline-block;”></span>
</div>

<script>
async function loadRSS(url) {
  const response = await fetch(“https://api.rss2json.com/v1/api.json?rss_url=” + url);
  const data = await response.json();
  return data.items.map(item => item.title);
}

async function startTicker() {
  let sources = [
    “https://feeds.bbci.co.uk/arabic/rss.xml”,
    “https://www.aljazeera.net/aljazeera/rss”
  ];
 
  let headlines = [];
  for (let src of sources) {
    let news = await loadRSS(src);
    headlines = headlines.concat(news);
  }

  let ticker = document.getElementById(“news-ticker”);
  let i = 0;

  function showHeadline() {
    ticker.innerText = headlines[i];
    i = (i + 1) % headlines.length;
  }

  showHeadline();
  setInterval(showHeadline, 4000);
}

startTicker();
</script>