🚀 go-pugleaf

The following is a simple class that exemplifies my problem with
refreshing an updated control during a time consuming or delayed
process.  This frame has a text control with the word "BEFORE" initially
set.  When the command button is clicked, the text for the control is
immediately set to "AFTER".  The code then proceeds to loop for a while
in order to reflect about a 1-2 second delay.  After the delay, the text
is changed to the word "MORE".  The problem is: You will never see the
word "AFTER".  The screen won't refresh until after the looping is
finished.  If anyone can get this to work, I would greatly appreciate
it.  I'm starting to pull out what little hair I have left in my thick
skull!

Thanks,

-Tom

====== LISTING FOLLOWS =======
import java.awt.*;
import java.awt.event.*;
import borland.jbcl.control.*;
import borland.jbcl.layout.*;

public class TestFrame extends DecoratedFrame {

  BorderLayout borderLayout1 = new BorderLayout();
  XYLayout xYLayout2 = new XYLayout();
  BevelPanel bevelPanel1 = new BevelPanel();
  TextControl tc1 = new TextControl();
  ButtonControl cbOK = new ButtonControl();

  public TestFrame() {
    try  {
      jbInit();
    }
    catch (Exception e) {
      e.printStackTrace();
    }
  }

  private void jbInit() throws Exception  {
    this.setLayout(borderLayout1);
    this.setSize(new Dimension(443, 365));
    this.setTitle("TESTING");
    tc1.setFont(new Font("Dialog", 1, 20));
    tc1.setText("BEFORE");
    cbOK.setLabel("Change");
    cbOK.addActionListener(new java.awt.event.ActionListener() {
      public void actionPerformed(ActionEvent e) {
        cbOK_actionPerformed(e);
      }
    });
    bevelPanel1.setLayout(xYLayout2);
    this.add(bevelPanel1, BorderLayout.CENTER);
    bevelPanel1.add(tc1, new XYConstraints(82, 69, 93, 35));
    bevelPanel1.add(cbOK, new XYConstraints(264, 50, 85, 51));
  }

  void cbOK_actionPerformed(ActionEvent e) {
    tc1.setText("AFTER");
    for (int j=1; j < 5000000; j++)
    {}
    tc1.setText("MORE");
  }
}