Хотите добавить/удалить классы в чистом javascript

Question

Я хочу переписать код jQuery ниже в чистом JavaScript, чтобы сэкономить время загрузки.

Here is the link to the demo page.

var playstate = function(){ 
    $(".magicwand").addClass("logo-effect"); 
setTimeout(function() { 
    $(".magicwand").removeClass("logo-effect"); 
     }, 6000); 
} 
playstate(); 
setInterval(playstate, 6100); 

Answer 1

Попробуйте следующее: я преобразовал ваш код jquery в чистый javascript.

var playstate = function() { 
 
    var element = document.getElementsByClassName("magicwand"); 
 
    element[0].classList.add("logo-effect"); 
 
    setInterval(function() { 
 
    var element = document.getElementsByClassName("magicwand"); 
 
    element[0].classList.remove("logo-effect"); 
 
    }, 6000); 
 
} 
 
playstate(); 
 
setInterval(playstate, 6100);

<div class="magicwand">test</div>