Javascript timing

Ik wil dus zo iets maken:

Eerste 15 sec die afbeelding, dan 3 sec deze.

Dat is het schema en dat moet zich heel de tijd herhalen.

Ik postte dit in het kleine vragen topic en ik kreeg deze link:

http://www.w3schools.com/js/js_timing.asp

Maar nu weet ik alleen hoe ik iets laat komen binnen de bepaalde tijd;

maar kan iemand mij uitleggen hoe ik daar een schema van maak en dat laat herhalen?

Bedankt

Timer 1
Timer 2

In Timer 2 roep je Timer 1 aan en andersom. Zo maak je een loop.

Kan je ook een linkje/voorbeeld geven aub?

Ik heb het niet getest en ik denk dus niet dat het werkt maar ik heb nu eigenlijk niet zo veel tijd, ik kijk er morgen nog wel is naar.

loopImage = function (div) {
    var images = [], key = -1, loop;
    this.addImage = function (imageUrl, alt, time) {
        images.push([imageUrl, alt, time]);
    }
    this.loop = function () {
        if (!images.length) {
            throw Maybe add an image or something cause I cant start a loop this way ...;
        }
        key++;
        if (!images[key] || !images[key].length) {
            key = 0;
        }
        div.innerHtml = "<img src="+images[key][0]+" alt="+images[key][1]+" />";
        loop = window.setInterval(this.loop, images[key][3] * 1000);
    }
    this.stopLoop = function () {
        window.clearInterval(loop);
    }
}

Instructies:
Je moet ergens na dit zetten:

var troll = new loopImage(document.getElementById("HIER_HET_ID_VAN_EEN_LEGE_DIV_WAARIN_DE_IMAGE_MOET"));

Dan moet je voor elke image die je wilt dit doen:
troll.addImage("URL_NAAR_DE_IMAGE", "ALT_VAN_DE_IMAGE", tijd in seconde zonder "");

Wanneer je ze er allemaal aan hebt toegevoegd doe je:

troll.loop();

Als je de loop wilt stoppen doe je:

troll.stopLoop();

Google op
JavaScript SetInterval