Questions

My personal idea is to obtain the coordinates of the mouse and the coordinates of the car when clicking, calculate the angle tan between the straight line formed by these two points and the X-axis, and use setInterval() to increase the X-axis direction of the car by 1px and Y-axis every millisecond Add (1*tan)px;
But there is a problem with the code implementation, and the calculated tan value keeps changing.
I’m very confused. I don’t know if it’s a problem with my thinking or a problem with the code. I’m begging all the experts to help me figure it out. I hope there are corresponding reference codes~
(I Googled it but couldn’t find a solution. The instructor asked me to hand it in tomorrow morning. Code, I really don’t know what to do with it)

Workable code

$(document).ready(function() { var timer; // 在点击的时候获取鼠标坐标 $(document).click(function(event) { // 获取点击时鼠标垫的位置 var mX = event.clientX; var mY = event.clientY; // 获取飞机之前的位置 console.log(event); var airX = $("#air").css("left"); var airY = $("#air").css("top"); // 处理字符串中的px并转换为数字 可以简化成 airX = parseFloat(airX); airY = parseFloat(airY); var Xi = (mX - airX) / 50; var Yi = (mY - airY) / 50; clearInterval(timer); // 把上次的清掉 timer = setInterval(function() { renderInc(Xi, Yi); }, 16) // 16 }) }); // 增量渲染 function renderInc(Xi, Yi) { $air = $("#air"); var x = parseFloat($air.css('left')) var y = parseFloat($air.css('top')) $("#air").css({ top: y + Yi + 'px', left: x + Xi + 'px' }); }

First position the car, then get the position clienX under the mouse point, use this clientX to subtract the $('#car')offset().left of the car, determine the direction based on the positive and negative values, determine the distance based on the absolute value, and then modify Just the left side of the car will do

There is no need to use such fancy formulas. For uniform motion, multiply the speed by time to get the distance of each movement
Current x, y
Target x', y'
Speed v
Time to target t= (x'- x)/v
interval time interval dT
next position next x" = x + dT*v, y"=..
Just move the position to x", y" in interval

The logic seems okay, but if you want to calculate the tan of the angle between the direction and the X-axis, it should be

var tan = (mY - airY) / (mX - airX);

That’s right, you wrote it backwards...