DIV在Javascript中旋转

Question

我目前正试图将此div旋转到鼠标指针，但它没有工作。我甚至试着去聊天室。目前，它有点朝向鼠标旋转......到目前为止，这是我的代码：

var x = 0;
var y = 0;

document.addEventListener("mousemove", function(event){
    x = Number(event.pageX);
    y = Number(event.pageY);
}, false);

setInterval(function(){
    var boxX = document.getElementById('temp').style.left;
    boxX = Number(boxX.substring(0, boxX.length - 1));
    var boxX = screen.width * ((boxX)/100);
    var boxY = document.getElementById('temp').style.top;
    boxY = Number(boxY.substring(0, boxY.length - 1));
    var boxY = screen.width * ((boxY)/100);
    var slope = [Math.round(x - boxX),Math.round(y - boxY)]; 
    //x,y
    var angle = Math.round(Math.atan(slope[1]/slope[0]) *100) ;
    document.getElementById('temp').style.transform = "translate(-50%,-50%) rotate(0deg)";
    document.getElementById('temp').style.transform = "translate(-50%,-50%) rotate("+angle+"deg)";
}, 500);