Обратный отсчет JavaScript - Блок текстового поля

Question

У меня есть веб-страница выхода на моем сайте. Я добавил часть JavaScript на мою веб-страницу, чтобы через 5 секунд она перенаправлялась на мою домашнюю страницу. У меня также есть текстовое поле, которое отсчитывает от 5.

Что я хочу сделать, это сохранить текстовое поле на моей веб-странице и держать его в подсчете, единственное, что я хочу сделать текстовое поле недоступным для редактирования , Даже если это действительно ничего не делает, это может раздражать.

Ниже мой сценарий JavaScript на веб-странице:

<script type="text/javascript"> 
//<![CDATA[ 
     var targetURL="http://www.ecer.ca/index.php" 
     var countdownfrom=5 


     var currentsecond=document.redirect.redirect2.value=countdownfrom+1 
     function countredirect(){ 
     if (currentsecond!=1){ 
     currentsecond-=1 
     document.redirect.redirect2.value=currentsecond 
     } 
     else{ 
     window.location=targetURL 
     return 
     } 
     setTimeout("countredirect()",1000) 
     } 

     countredirect() 
     //]]> 
     </script> 

У меня есть этот сценарий, связанный с формой:

<form name="redirect"> 
     <center> 
     <font face="arial" size="4"><strong>Please wait. You will 
     be redirected in</strong></font> 
      <font face="arial" size="4"><strong><input type="text" 
      size="4" name="redirect2" /></strong></font> 
     </form> 

Любая помощь будет оценен по достоинству! Благодаря!

Answer 1

Добавить атрибут disabled="disabled" в элемент <input />. Это сделает вход не редактируемым.

Ваш HTML должен выглядеть следующим образом:

<form name="redirect"> 
    <center> 
     <font face="arial" size="4"> 
      <strong>Please wait. You will be redirected in</strong> 
     </font> 
     <input type="text" size="4" name="redirect2" disabled="disabled" /> 
    </center> 
</form>