Display contents of a loop in SCENE

Question

Hi all,
Can i display the contents of a for loop one after another in a "Scene".
The code below displays the contents of "for" loop in OUTPUT window as well as in the "SCENE". But the problem is that the contents of "for" loop are displayed in the scene graph only after the for loop exits.
how can i rectify this code to generate the output similar to the OUTPUT window in SCENE graph.?
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.text.Text;
import ranno.*;
import javafx.scene.control.Button;
import javafx.scene.Group;
import generateResult.*;
var number: Integer[];
var msg : String ;
var a : String[];
var locX: Integer;
var locY: Integer;
def canvas = Group { };
var display : Button =Button {
translateX: 100
translateY: 100
width : 100
height : 30
text : "Click"
var text : Text
action:function(){
delete canvas.content;
for(i in [0..1])
java.lang.Thread.sleep(1000);
number=i;
println(number[i]);
a=Integer.toString(number[i]);
locX=20;
locY=20;
msg = "{a}";
text = Text{
x: locX
y: locY+20*i
content : msg
insert text into canvas.content;
Stage
title: "Numbers"
var array : String[];
var i : Integer;
scene : Scene
width: 400
height: 200
content :
[display,canvas]
If you haven't understood my question,please execute this code and compare the output in the OUTPUT window with the SCENE output.
I want the output in SCENE to be similar to the output in OUTPUT window.
Please help me in modifying my code .

Answer 1

Since you haven't used the CODE button, the source code is messed up (star means bold here).
But the short answer is: don't use a loop with sleep()!
JavaFX provides Timelines and Transitions to animate things and add stuff progressively to the scenegraph.