請幫忙轉換jQuery的短代碼爲javascript

Question

我有jQuery衝突，並想知道是否有人可以幫助我將這一小段代碼轉換爲純JavaScript。真的很感激。提前謝謝

$('.menuH').hover(function() { 
    $('.menuC').stop().animate({ 
     width: '90px' 
    }, 333) 
}, function() { 
    $('.menuC').stop().animate({ 
     width: '-0' 
    }, 333) 
}); 

Answer 1

我還沒有測試過這個，但是，可能是沿着這些線？

var menuh_el = document.getElementById('.menuH'); 

menuh_el.onmouseover = function() { 
    var time = Date.now(); 
    var interval = setInterval(function() { 
     if ((Date.now() - time) < 333) { 
      menuh_el.width = (((Date.now() - time)/333) * 90) + "px"; 
     } else { 
      menuh_el.width = "90px"; 
      clearInterval(interval); 
     } 
    }, 10); 
}; 

menuh_el.onmouseout = function() { 
    var time = Date.now(); 
    var interval = setInterval(function() { 
     if ((Date.now() - time) < 333) { 
      menuh_el.width = (((time - Date.now())/333) * 90) + "px"; 
     } else { 
      menuh_el.width = "0px"; 
      clearInterval(interval); 
     } 
    }, 10); 
}; 

你或許應該替換setInterval與​​雖然代替。此外，它不同於jQuery代碼，因爲它不會調用.stop()，我不知道如何執行此操作，對不起：（