Auto обновить страницу с обратным отсчетом временем

Question

У меня есть небольшие C# код позади, чтобы обновить страницу WebForm (form.aspx) через 15 секунд, как показано ниже:

lblMessage.Text = "<b><h2>Thank you!</h2></b></br>We will be right with you.<br><br><br>(This page will be refreshed automatically after 15 seconds)"; 
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "Success!", "setInterval(function(){location.href='/form.aspx';},15000);", true); 

Сейчас страница будет обновляться после 15 секунд. Как сделать так, чтобы таймер отсчитывал каждую секунду? то есть, 15 => 14 => 13 => ... 1 затем обновить так будет лучше для пользователей, они будут знать, что происходит со страницей ...

Answer 1

"<b><h2>Thank you!</h2></b></br>We will be right with you.<br><br><br>(This page will be refreshed automatically after <span id='counter'>15</span> seconds)" 

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "Success!", "setTimeout(function(){location.href='/form.aspx';},15000); counter = 15; setInterval(function(){counter--; document.getElementById('counter').innerHTML = counter;},1000);", true); 

Если это сделать.

Если добавлено span с idcounter вокруг номера сообщения для обновления.

Затем я добавил counter = 15; для инициализации значения по умолчанию 15. И еще один setInterval для блока сценария, запускающего каждую секунду. С каждым проходом он вычитает один из counter и обновляет span с новым значением счетчика. Теперь пользователи должны видеть, что страница подсчитывается. Я также изменил первый setInterval на setTimout, так как это технический тайм-аут, а не интервал, который должен произойти каждые 15 секунд.

Answer 2

В javascript я бы пошел с чем-то вроде этого.

<div id='countdown'></div. 

var countDown = 15; 

function countdown() { 
    setInterval(function() { 
     if (countDown == 0) { 
      return; 
     } 
     countDown--; 
     document.getElementById('countdown').innerHTML = countDown; 
     return countDown; 
    }, 1000); 
} 

countdown(); 

Фидл: http://jsfiddle.net/chzzcosy/