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

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

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

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

左边
赖特

您将在代码笔中看到，每次页面刷新时，我都会添加一个随机类

---

您好，您可以使用此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。如果你愿意，你可以改变时间。

---

如果你有什么问题尽管问我

您好，您可以使用这个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。如果你愿意，你可以改变时间。

---

如果你有什么问题尽管问我

使用javascript操作您想要更新的字段。您需要一个事件来“自动刷新”，或者您可以使用检查：但是您的代码有很多问题！使用javascript操作您想要更新的字段。您需要一个事件来“自动刷新”，或者您可以使用检查：但是您的代码有很多问题！