现在有个小需求,<textarea ...............> </textarea>
这个文本域想用js控制,鼠标焦点进入之后开始计时,在特定时间如5分钟之内可以输入文字,5分钟之后不能输入任何字符,这个功能如何实现,求救各位达人,在此谢过了^_^

解决方案 »

  1.   

    body onload="javascript:setInterval(HideText,300000);"
    然后顶部给上函数
    <script>
    function HideText()
    {
        document.getElementById('textarea的ID').style.display='none';
    }</script>
      

  2.   


    <script>
    function HideText()
    {
      document.getElementById('text1').style.display='none';
    }</script><body onload="javascript:setInterval(HideText,1000);">
    <textarea id="text1">
    </textarea>
    </body>完整代码,1000表示1秒
      

  3.   

    body onload="javascript:setTimeout(HideText,300000);"
      

  4.   


    <script>
    function HideText()
    {
      document.getElementById('text1').readOnly='readonly';
    }</script><body onload="javascript:setInterval(HideText,1000);">
    <textarea id="text1">
    </textarea>
    </body>
    也可用READONLY
      

  5.   

    [code=HTML]<html>
    <head>
    <script type="text/javascript">
    function startTime() {
    var t = 5 * 60 * 1000;
    var span = document.getElementById("span");
    var txt = document.getElementById("txt");
    txt.onfocus = null;
    var inter = setInterval(function() {
    span.innerHTML = "剩余时间:" + parseInt(t / 1000 / 60) + "分" + parseInt(t / 1000 % 60) + "秒";
    if (t == 0) {
    window.clearInterval(inter);
    txt.disabled = true;
    } else {
    t = t - 1000;
    }
    }, 1000);
    }
    </script>
    </head>
    <body>
    <span id="span"></span>
    <textarea id="txt" style="width: 300px;height 200px" onfocus="startTime()"></textarea>
    </body>
    </html>code]
      

  6.   

    那就是READONLY啊,我5L的代码就行。
      

  7.   


    鼠标焦点不移出文本区域的话还是可以一直输入的
    display:none,也能达到效果,呵呵
      

  8.   

    你什么浏览器。我IE6,FF都没问题