永远循环

Question

我想永远这个循环

$(document).ready(function() {
  function news_hot() {
    $("div p").each(function(i) {
      $(this).delay(1000 * i).queue(function() {
        $(this).addClass('hot_li ');
        $(this).prev().removeClass('hot_li');
      });
    });
  }
  news_hot();

});

<div>
  <p>dfsdfsd</p>
  <p>dfsdfsd</p>
  <p>dfsdfsd</p>
</div>

Answer 1

您可以使用setInterval() JavaScript函数指定的时间（以毫秒为单位）。除非您停止，否则被调用的函数将在间隔时间后永久运行。

$(document).ready(function () {
        function news_hot() {
            $("div p").each(function (i) {
                $(this).delay(1000 * i).queue(function () {
                    $(this).addClass('hot_li ');
                    $(this).prev().removeClass('hot_li');
                });
            });
        }
        setInterval(news_hot(),5000);

    });

更新后的代码 WORKING FIDDLE

function news_hot() {
        $("div p").each(function (i) {
            $(this).delay(1000 * i).queue(function () {
                $("div p").removeClass("hot_li");
                $(this).addClass('hot_li');
                //$(this).prev().removeClass('hot_li');
                $(this).dequeue();
            });
        });
}
setInterval(function(){news_hot()},5000);

.dequeue()函数已添加到代码

中