JavaScript基础--小案例：在网页指定位置弹出错误信息(十二)

案例分析：点击按钮后，在网页上指定区域，提示错误信息！5秒后，错误信息提示自动消失！

    <script languag="javascript" type="text/javascript">

        var clearId;

        function test(){

            document.getElementById("showMsg").style.cssText="width:200px;height:50px;left:600px;top:100px;position:absolute;background-color:red;";

            document.getElementById("showMsg").innerText = "输入的有错误！请重新输入！";

            clearId = setTimeout("autoClearError()",5000);

        }

        function autoClearError(){

             document.getElementById("showMsg").style.cssText="";

             document.getElementById("showMsg").innerText = ""

             clearTimeout(clearId);

        }

    </script>

  </head>

  <body>

     <input type="button" value="删除" onclick="test();" />

     <div id="showMsg"></div>

  </body>

巴特西

JavaScript基础--小案例：在网页指定位置弹出错误信息(十二)

最新文章

热门文章