Are you looking for something like:

1. int TIME = 2000;
2. float x = 0;
3. void setup() {
4.   size(480, 120);
5.   smooth();
6. }
7. int currentTime;
8. boolean bRed;
9. void draw() {
10.   background(204);
11.   if (bRed) {
12.     fill(255, 0, 0);
13.   } else {
14.     fill(0);
15.   }
16.   ellipse(width/2, height/2, 90, 90);  if (millis() - currentTime > TIME) {               
17.     currentTime = millis();
18.     bRed = !bRed;
19.   }
20. }

?

this works for now, thank you
but how do i add more elements?
i need template for banner, something like sek1 =ellipse, sek2=rect, sek3=triangle, repeat
fading between sketches also would be nice i guess...

someone posted this code for me once
if only i could implement looping with milis into this one i think this would be ideal for my needs
right now it fades between sketches when the key is pressed
can somebody show me how?


int numSketches = 3; // we have three sketches: 0,1,2
float fadeSpeed = 0.01; // fading speed from one sketch to the next
PGraphics[] pgs = new PGraphics[numSketches];
int currentSketch;
boolean fading;
float fade, fc;
 
void setup() {
  size(600,600);
  // create offscreen graphics for all sketches
  for (int i=0; i<pgs.length; i++) {
    pgs[i] = createGraphics(width,height,JAVA2D);
  }
}
 
void draw() {
  fc = frameCount * 0.01;
 
  // run the current and, while fading, the next sketch
  for (int i=0; i<pgs.length; i++) {
    if (i == currentSketch % pgs.length) {
      sketches(i,pgs[i]);
    } else if (fading && i == (currentSketch + 1) % pgs.length) {
      sketches(i,pgs[i]);
    }
  }
 
  // fade from the current sketch to the next
  if (fading) {
    tint(255,(1-fade)*255);
    image(pgs[currentSketch % pgs.length],0,0);
    tint(255,fade*255);
    image(pgs[(currentSketch+1) % pgs.length],0,0);
    fade += fadeSpeed;
    // once the fading is complete...
    if (fade > 1) {
      fading = false;
      fade = 0;
      currentSketch++;
    }
  // if we are not fading, just display the current sketch
  } else {
    image(pgs[currentSketch % pgs.length],0,0);
  }
}
 
void keyPressed() {
  // start fading on a keyPress
  fading = true;
}
 
void sketches(int num, PGraphics pg) {
  if (num == 0) {
    // sketch ONE
    pg.beginDraw();
    pg.background(255);
    pg.smooth();
    pg.fill(0);
    pg.ellipse(noise(frameCount*0.01)*pg.width,noise(3+frameCount*0.005)*pg.height,100,100);
    pg.endDraw();
  } else if (num == 1) {
    // sketch TWO
    pg.beginDraw();
    pg.background(255,0,0);
    pg.noStroke();
    pg.rectMode(CENTER);
    pg.rect(pg.width/2,pg.height/2,noise(5+frameCount*0.01)*pg.width,noise(7+frameCount*0.01)*pg.height);
    pg.endDraw();
  } else if (num == 2) {
    // sketch THREE
    pg.beginDraw();
    pg.background(100,0,255);
    pg.smooth();
    pg.noStroke();
    pg.fill(255,0,0);
     pg.triangle(noise(4+fc)*pg.width,noise(6+fc)*pg.height,
     noise(5+fc)*pg.width,noise(7+fc)*pg.height,
     noise(9+fc)*pg.width,noise(1+fc)*pg.height);
    pg.endDraw();
  } else if (num == 3) {
    // sketch ETC.
    pg.beginDraw();
    // place your sketch between beginDraw and endDraw
    // put a pg in front of all relevant functions
    pg.endDraw();
  }
}

Replace my boolean with an integer, increment it instead of toggling it, resetting it when it reaches the max value (the modulo (%) operator is useful for that).
Now, use switch instruction to select the figure to draw depending on your variable.

maybe there's more clever ways,but so far i managed to make it work like this

int numSketches = 3; // we have three sketches: 0,1,2
float fadeSpeed = 0.08; // fading speed from one sketch to the next
PGraphics[] pgs = new PGraphics[numSketches];
int currentSketch;
boolean fading;
float fade, fc;
int n=0;
void setup() {
  size(600,600);
  //frameRate(24);
  // create offscreen graphics for all sketches
  for (int i=0; i<pgs.length; i++) {
    pgs[i] = createGraphics(width,height,JAVA2D);
  }
}
 
void draw() {
  fc = frameCount * 0.01;
 
  // run the current and, while fading, the next sketch
  for (int i=0; i<pgs.length; i++) {
    if (i == currentSketch % pgs.length) {
      sketches(i,pgs[i]);
    } else if (fading && i == (currentSketch + 1) % pgs.length) {
      sketches(i,pgs[i]);
    }
  }
 
  // fade from the current sketch to the next
  if (fading) {
    tint(255,(1-fade)*255);
    image(pgs[currentSketch % pgs.length],0,0);
    tint(255,fade*255);
    image(pgs[(currentSketch+1) % pgs.length],0,0);
    fade += fadeSpeed;
    // once the fading is complete...
    if (fade > 1) {
      fading = false;
      fade = 0;
      currentSketch++;
    }
  // if we are not fading, just display the current sketch
  } else {
    image(pgs[currentSketch % pgs.length],0,0);
  }
  if(n%300==99){
  fading=true;
 }
  if(n%300==199){
  fading=true;
 }
   if(n%300==299){
   fading=true;
 }
  n+=1;
  println(n%300);
}
 

 
void sketches(int num, PGraphics pg) {
  if (num == 0) {
    // sketch ONE
    pg.beginDraw();
    pg.background(255);
    pg.smooth();
    pg.fill(0);
    pg.ellipse(noise(frameCount*0.01)*pg.width,noise(3+frameCount*0.005)*pg.height,100,100);
    pg.endDraw();
  } else if (num == 1) {
    // sketch TWO
    pg.beginDraw();
    pg.background(255,0,0);
    pg.noStroke();
    pg.rectMode(CENTER);
    pg.rect(pg.width/2,pg.height/2,noise(5+frameCount*0.01)*pg.width,noise(7+frameCount*0.01)*pg.height);
    pg.endDraw();
  } else if (num == 2) {
    // sketch THREE
    pg.beginDraw();
    pg.background(100,0,255);
    pg.smooth();
    pg.noStroke();
    pg.fill(255,0,0);
     pg.triangle(noise(4+fc)*pg.width,noise(6+fc)*pg.height,
     noise(5+fc)*pg.width,noise(7+fc)*pg.height,
     noise(9+fc)*pg.width,noise(1+fc)*pg.height);
    pg.endDraw();
  } else if (num == 3) {
    // sketch ETC.
    pg.beginDraw();
    // place your sketch between beginDraw and endDraw
    // put a pg in front of all relevant functions
    pg.endDraw();
  }
}