Обращение к динамически созданным элементам.

[sotik]

//функция смены кнопки
var val = ["Смотреть бой", "Отменить просмотр"];
function press(f) {
if(f.but.value == val[0]){Ring('look');f.but.value = val[1];}
else if(f.but.value == val[1]){ clearInterval( interval );f.but.value = val[0];}
}

function Ring(ini)
{
var i = 0; //обнуляем счетчик
var interval = setInterval( //задаём интервал
    function(){
        if(++i >= 2){
clearInterval( interval );
}else{
Login(ini);}
},
 20 * 1000)
}

<div id="block_id">
<form>
<input type="button" name="but" value="Смотреть бой" onClick="press(this.form)" />
</form>
</div>

По нажатию на кнопку интервал запускается, но потом по нажатию ээтой же кнопки уже не останавливается.
Почему и как это исправить?
Подсобите пожалуйста

[sotik]

понял ошибку, которую уже однажды сделал.
не надо объявлять переменную:
var interval
нужно просто
interval

[bes]

sotik, http://javascript.ru/formatting (уже второй раз)

[sotik]

А вот эта штуковина что-то не работает,может где синтаксис не верный?

var val = ["Смотреть бой", "Отменить просмотр"];
window.onload = fucntion () { document.getElementsByName("but")[0].value = val[0]; }
<form>
<input type="button" name="but" value="" onClick="press(this.form)" />
</form>

[bes]

sotik, игнорируешь?

[sotik]

да не, не игнорирую,просто не пойму в чем дело..

[bes]

смысл в оформлении приводимого кода, пройдя по ссылке, можно посмотреть как это делается