自动刷新div而不刷新整个页面

【问题标题】：Auto refresh div without refreshing the whole page自动刷新div而不刷新整个页面
【发布时间】：2017-10-30 14:45:29
【问题描述】：

有没有一种简单的方法可以在不刷新整个页面的情况下自动刷新 div？

<div class="refresh-this">
  <div class="left">
    Left
  </div>

  <div class="right">
    Right
  </div>
</div>

你会在codepen中看到，每次页面刷新时我都会添加一个随机类

https://codepen.io/anon/pen/JOjwLz

【问题讨论】：

使用 javascript 操作要更新的字段。
你需要一个事件来“自动刷新”或者你可以使用setInterval
看看这个：codepen.io/anon/pen/WXNPbM 但是你的代码有很多问题！

标签： jquery html css

【解决方案1】：

您好，您可以使用这个 jquery 脚本。

function randomClass() {

    let classes = ['random-1','random-2', 'random-3'];
    let index = Math.floor(Math.random() * classes.length);

    return classes[index];
}

$(document).ready(function(){
  setInterval(function(){
    let leftClass, rightClass;
    while (leftClass == rightClass) {
        leftClass = randomClass();
        rightClass = randomClass();
    }
    $('.left').addClass(leftClass);
     $('.left').removeClass(rightClass);
    $('.right').addClass(rightClass);
     $('.right').removeClass(leftClass);
    }, 1000);
});

最后我添加1000，它的意思是每1秒后这个div就会被刷新。如果你愿意，你可以改变时间。如果您有任何问题，请随时问我。

【讨论】：