jquery - 每 5 秒更改一次图像 - 但来自服务器的图像

Question

我试图每七秒更改一次用户。为此，我需要从服务器加载用户的所有信息。我怎么能用javascript做到这一点？什么是有效的方法？

我想到的是，我每七秒向服务器发送一个 http 请求，请求使用 ajax 获取用户数据。这是有效的方法吗？

http://doni.sites.djangoeurope.com/这是我的网站，底部有 5 个用户。我希望他们在每七秒内更改为另一个用户。

请帮我。我正在使用服务器端 django，

Answer 1

最有效的方法是使用websockets，你应该记录它们。

唯一的问题是它们并不总是得到浏览器的支持

您还可以执行以下操作：

setInterval(function(){
//launch my ajax every 5 seconds
},5000);

但它不建议你这样做

Answer 2

A simple logic would be to use setInterval function. Lets us assume that I have to change the background of a webpage after every 5 seconds. You could use the below code to achieve this:

<script type="text/javascript">
        function changebackground() {
            var colors = ["#0099cc","#c0c0c0","#587b2e",
"#990000","#000000","#1C8200","#987baa","#464646",
"#AA8971","#1987FC","#99081E"];

            setInterval(function() {
                var bodybgarrayno = Math.floor(Math.random() * colors.length);
                var selectedcolor = colors[bodybgarrayno];
                document.body.style.background = selectedcolor;
            }, 3000);
        }
        </script>

You could replicate the above functionality for your requirements.

DEMO