Automatische Aktualisierung div ohne die gesamte Seite zu aktualisieren

Question

Gibt es eine einfache Möglichkeit, ein div automatisch zu aktualisieren, ohne die gesamte Seite zu aktualisieren?

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

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

Sie im codepen sehen werde, werde ich das Hinzufügen einer zufälligen Klasse jedes Mal, wenn die Seite aktualisiert

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

Answer 1

Hallo Sie dieses jquery Skript verwenden können.

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); 
}); 

Im letzten ich 1000 seine Mittel alle 1 Sekunden später dieses div Refresh wird hinzuzufügen. Wenn Sie möchten, können Sie die Zeit ändern. Wenn Sie Fragen haben, zögern Sie nicht mich zu fragen.