从API淡出/淡出新闻标题

Question

尝试淡出和淡出从新闻API中提取的单个标题。我现在有五个显示它们，但是希望它们在无限循环中一个接一个地出现（好像是为了突显新闻标题的出现）。

如果它只是本地复制的文本，这似乎不是一项艰巨的任务，但是当从新闻API导入时，我不太确定。

非常感谢任何帮助/指导。

HTML

<div class="tab-pane fade in active" id="home">
        <h3>BREAKING NEWS</h3>
        <p id="breaking_news"></p>
      </div>

的jQuery

   (document).ready(function() {
  $.ajax({

    url: "https://newsapi.org/v2/top-headlines?sources=buzzfeed&apiKey=XXX",
    method: "GET",
    success: function(data) {
    processData(data);
    }
  });

  function processData(data) {
    var articleItems = [];
    for (var i = 0; i < 5; i++) {

      var title = data.articles[i].title;

      var $title = `<a href="${artUrl}"><div class="title">${title}</div ></a>`
      var artUrl = data.articles[i].url;

      $("#breaking_news").append(`${$title}`);
      $("#breaking_news").append("<br />");

      console.log(artUrl);
    }
  }
});