Ich habe in Javascript eine Funktion geschrieben, mit der man div tags animiert ausblenden soll. Einfach alle 100ms den height Wert 20px veringern.
SetTimeout wartet nicht bis die Zeit abgelaufen ist, und die Funktion pausecomp die ich gefunden habe lässt die Browser bis zum Ende des Skriptes aufhängen.
Quelltext
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
| function pausecomp(Amount)
{
d = new Date() //today's date
while (1)
{
mill=new Date() // Date Now
diff = mill-d //difference in milliseconds
if( diff > Amount ) {break;}
}
}
function toggleMark(id) {
mark = document.getElementById('mark'+id);
if (mark.style.display == 'none') {
mark.style.display = '';
}
else {
old = mark.style.height;
for (i = 0; i <= 10; i++) {
pausecomp(100);
mark.style.height = mark.style.height - 20;
}
mark.style.display = 'none';
mark.style.height = old;
}
}
// -->
</script>" |
Weis jemand wie man das besser lösen kann?
