Cuenta atrás de JavaScript - Cuadro de texto de bloque - javascript, cuadro de texto, bloque, cuenta atrás

Tengo una página web de cierre de sesión en mi sitio web. He agregado una pieza de JavaScript a mi página web para que después de 5 segundos, redirija a mi página de inicio. También tengo un cuadro de texto que cuenta desde 5.

Lo que quiero hacer es mantener el cuadro de texto en mipágina web y mantener la cuenta regresiva, lo único es que quiero que el cuadro de texto no sea editable. Aunque esto realmente no hace nada, puede ser molesto.

A continuación se muestra mi script JavaScript en mi página web:

<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>

Tengo ese script conectado a un formulario:

<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>

¡Cualquier ayuda sería apreciada! ¡Gracias!

Respuestas

Agregar el atributo disabled="disabled" al <input /> elemento. Esto hará que la entrada no sea editable.

Su HTML debería verse así:

<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>