JavaScript倒计时 - 阻止文本框

时间:2015-12-15 22:26:27

标签: javascript textbox block countdown

我的网站上有一个登出网页。我在我的网页上添加了一个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>

任何帮助将不胜感激!谢谢!

1 个答案:

答案 0 :(得分:2)

将属性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>