Бесконечный цикл, помогите составить

[khromenkovpd]

Хочу сделать постоянное движение небольшого блока внутри блока побольше, изменяя значение стилей "left" и "top" от 0 до 150px, а при достижении 150px изменять значения этих стилей от 150 до 0рх, и сначала от 0 до 150 ...
Т.е. нужен бесконечный цикл изменяющий переменную с шагом 1 от 0 до 150 и назад от 150 до 0.

[Safort]

Это и на CSS3 можно сделать.

[рони]

khromenkovpd,
лучше конечно на css ...
Расчет положения элемента

[kostyanet]

Бесконечный цикл, помогите составить

while(true){alert('I will survive')}

[khromenkovpd]

рони спасибо за Вашу функцию "setWay",
красиво написан код function infinityMove().

[danik.js]

Вот на css3:

<style>
div{
    position: relative;
}
input{
    -webkit-animation: diagonal 2s infinite forwards;
    animation: diagonal 2s infinite forwards;
    position: absolute;
    top: 0;
    left: 0;
}
@-webkit-keyframes diagonal{
    50%{
        top: 150px;
        left: 150px;
    }
    100%{
        top: 0;
        left: 0;
    }
}
@keyframes diagonal{
    50%{
        top: 150px;
        left: 150px;
    }
    100%{
        top: 0;
        left: 0;
    }
}
</style>
<div>
<input type="radio">
</div>

[kostyanet]

Это не бесконечный цикл, а колебательный процесс, или проекция волны на плоскость, например y= sin x.