1) Okay, ein gif-Bild ist auch gut. Und solche Balkengifs findet man vermutlich auch im Netz. Wenn du außerdem ein gutes Programm zum Erstellen eigener animierter gifs kennst, dann nenn es hier doch mal bitte!
Falls dich die Variante mit Javascript trotzdem noch interessiert:
2) Jedoch dem Betreff des Themas zu urteilen wolltest du eben genau das, was ich beschrieben habe. Und damit das ganze auch wieder stoppt, hatte ich ja noch
window.clearInterval erwähnt. Du solltest dazu bei jedem Funktionsaufruf eine Variable um 1 erhöhen, und sobald die Variable einen bestimmten Wert erreicht hat, das Interval beenden:
Code:
function movetable() {
document.getElementsByTagName("td")[0].width -= -4;
a++;
if (a == 30) window.clearInterval(Timer);
}
Da aber Javascript verlangt, dass die Variable gesetzt sein muss, bevor sie erhöht werden kann, lautet der Bodytag dann:
<body onLoad="a = 0; Timer = window.setInterval('movetable();',100);">
3) Eine Schleife solltest du dafür auf keinen Fall verwenden, denn leider gibts in Javascript nur
window.setTimeout und
window.clearInterval, um eine Pause bei der Abarbeitung des Skripts hervorzurufen, einen direkten Pause-Befehl wie etwa
sleep bei PHP gibt es nicht - und die Zellenbreite ohne Pause zwischen den einzelnen Schritten zu erhöhen, ist nicht Sinn und Zweck der Sache, zumal Javascript leider dazu neigt, bei solchen Schleifen Fehler zu verursachen bzw. sich aufzuhängen und sogar den Computer auszubremsen.