jquery - 新闻自动刷新

Question

我的新闻自动收报机有问题。我定期
向上滑动标记的代码：li

<script>
    function ticker(){
        $('.slide li:first').slideUp(function(){
            $(this).appendTo($('.slide')).slideDown();  
        });
    }
    setInterval(function(){ticker()},3000); 
</script>

但是当我添加这段代码时：

setInterval(function(){$('.ticker-box').load("ticker.php");},100);

向上滑动不起作用，我需要自动刷新它，因为该部分已连接到数据库。

Answer 1

首先，您的代码可能会在您自己的站点中引发 DDOS。我想说的是，您的时间间隔太短，以至于任何站点都无法支持它，因为服务器无法在指定时间间隔内仅使用少数用户处理该数量的请求。

其次，您的第二个代码没有调用ticker() 函数，因此向上滑动不起作用。

尝试以下方法：

<script>
    function ticker(){
        $('.slide li:first').slideUp(function(){
            $(this).appendTo($('.slide')).slideDown();  
        });
    }
    function refresh(){ 
        $('.ticker-box').load("ticker.php", function(){
            ticker(); // Slide up
            setTimeout(refresh, 1000); // And call the same function in a specified interval of 1 second (as it is more secure)
        })
    }
    refresh();
</script>

就是这样。

PS：interval的改变只是一个建议，如果你想改变它并且有一个性能最高的服务器，你可以自由改变它。