Доброго времени суток.
Имееться блок div и кнопка.По нажатию кнопки должен включиться таймер и ,отсчитав нужный мне промежуток времени,выдать сообщение и обнулиться.При этом мне бы хотелось чтобы в блоке div отображался этот самый отсчет,с чем у меня собственно и возникли проблемы.В скрипте после первого вывода значения в div стоит алерт(причина в том,что он по моим ощущения стопает скрипт,и я могу поэтапно убедиться что скрипт работает правильно и значения действительно по очереди заносяться в блок div),но без алерта в блоке div отображаеться сразу timeout,что меня не устраивает.Как можно сделать так,чтобы значения таймера отображались постепенно и с задержкой по времени.
С языком только знакомлюсь, поэтому по возможности пояснить максимально просто,если есть грубые ошибки в коде,то так же было бы неплохо на них указать,буду благодарен.
ниже приведены куски кода html
<head>
</head>
<body>
<div id="time_div"> 00:30 </div>
<div>
<input id="button" type="button" value=" кнопка "/>
</div>
</body>
и самой странички скрипта соответственно
window.onload = function()
{
var i = 30;
var time_div = document.getElementById('time_div');
document.getElementById('button').onclick = function()
{
function timer()
{
for (i <= 30; i >= 25; i--)
{
time_div.innerHTML = "00:"+i;
alert(i);
}
if (i == 25);
{
time_div.innerHTML = "timeout";
clearInterval(timer)
}
}
setInterval(timer,2000);
}