набор backgroundPosition и setInterval

Question

Так что я сделал код

function slide() 
{ 
    var x=1; 
    while (x<=512) 
    { 
     document.getElementById("slide").style.backgroundPosition = x+"px 0px"; 
     x++; 
    } 
} 

JSFIDDLE

Я хочу, чтобы сделать переход от backgroundPosition - 0 к backgroundPosition 512. Этот код выше изменяется сразу от 0 до 512, я хочу сделать это как 1 < 100ms break>, 2, 3 ...
Я пробовал изменить x++ на setTimeout(function(){x++), 100), но он ничего не делает.

Answer 1

Использование SetTimeout() и вызов функции:

function slide(x) 
{ 
    if(x==undefined) var x = 1; 
    if(x >= 512) return; 
    document.getElementById("slide").style.backgroundPosition = x+"px 0px"; 
    x++; 
    setTimeout(function() { 
     // recall function and add other code if you want. 
     slide(x); 
    }, 100); 
} 
slide();