Hallo Community,
ich habe hier nen ganz simples JavaScript geschrieben, bin aber irgendwie zu Blöd es richtig umzusetzen. Also ich möchte im Prinzip (erstmal ganz rudimentär) das ein Block mit Newsartikeln sich von rechts nach links bewegt und bei jedem Artikel eine kurze Pause macht. (Dieses Script ist wie gesagt erstmal nur zum Erstellen der Grundfunktionen).
Das Laufen von rechts nach links klappt ja nun wunderbar. Jedoch verstehe ich das mit dem Timeout in der ersten Funktion nicht ganz, müsste er nicht nach dem ersten 400 Pixel durchlauf erst wieder warten? Denn diese Pause von 3 Sek. macht er beim ersten Mal, aber nicht beim zweiten..
var pos = 0;
var step = 1;
function newstext()
{
setTimeout("move = window.setInterval('moveIt()', 30)","3000");
step=2;
setTimeout("move = window.setInterval('moveIt()', 30)","3000");
}
function moveIt()
{
var endposition=(step*400)*(-1);
pos = pos - 1;
document.getElementById("newsfilm").style.left = (pos + "px");
if(pos==(endposition))
{
clearInterval(move);
}
}
LG izak
ich habe hier nen ganz simples JavaScript geschrieben, bin aber irgendwie zu Blöd es richtig umzusetzen. Also ich möchte im Prinzip (erstmal ganz rudimentär) das ein Block mit Newsartikeln sich von rechts nach links bewegt und bei jedem Artikel eine kurze Pause macht. (Dieses Script ist wie gesagt erstmal nur zum Erstellen der Grundfunktionen).
Das Laufen von rechts nach links klappt ja nun wunderbar. Jedoch verstehe ich das mit dem Timeout in der ersten Funktion nicht ganz, müsste er nicht nach dem ersten 400 Pixel durchlauf erst wieder warten? Denn diese Pause von 3 Sek. macht er beim ersten Mal, aber nicht beim zweiten..
var pos = 0;
var step = 1;
function newstext()
{
setTimeout("move = window.setInterval('moveIt()', 30)","3000");
step=2;
setTimeout("move = window.setInterval('moveIt()', 30)","3000");
}
function moveIt()
{
var endposition=(step*400)*(-1);
pos = pos - 1;
document.getElementById("newsfilm").style.left = (pos + "px");
if(pos==(endposition))
{
clearInterval(move);
}
}
LG izak