Moving an image- defining the movement speed

Question

Alright. I have the whole code set up to display the tiled image, and move the tiled image when you click. The only problem is that It moves however far it is told to instantly. I need it to move at a fixed rate of around 20~40 pixels a second. I haven't been able to figure out the exact numbers. Would I use a sleep timer for this? I'm completely lost at this point. Here's the important parts of the code, the rest isn't necessary for you to see what I mean.
Frame.java code -
public final void mousePressed(MouseEvent evt) {
          ix = evt.getX();
          iy = evt.getY();
          ux += midX - ix;//ux is static
          uy += midY - iy;//uy is static
     }Applet.java code -
public void drawApp(Graphics g) {
          for(int i = 0; i < 14; i++) {
               for(int j = 0; j < 23; j++) {
                    Image IMGTEMP = Toolkit.getDefaultToolkit().getImage("images/realtiles/tile_"+Map.map[i][j]+".png");
                    Map.mapX = ((j*24)+tileX)+Frame.ux;
                    Map.mapY = ((i*24)+tileY)+Frame.uy;
                    g.drawImage(IMGTEMP, Map.mapX, Map.mapY, this);
                    redraw(true);
     }When i click say, at 400px, 200px, it subtracts that from the midpoint, which is 250,175, and returns the x value of -150, y value of -25. Then it moves each tile -150x and -25y, making the point you clicked at the midpoint.

Answer 1

You need to define xspeed and yspeed
When you click, your speeds are gonna be
xspeed=(mouse_x-x)/30;
yspeed=(mouse_y-y)/30;Then in your run() method (assuming you have a run method) you do
public void run(){
while(true){
x+=xspeed;
y+=yspeed;
Thread.sleep(30);
repaint();
}