码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-05-27 17:17:47      阅读:304      评论:0      收藏:0      [点我收藏+]

标签:style   c   class   blog   code   java   

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

 

bubuko.com,布布扣
 1    <script languag="javascript" type="text/javascript">
 2        var clearId;
 3        function test(){
 4            document.getElementById("showMsg").style.cssText="width:200px;height:50px;left:600px;top:100px;position:absolute;background-color:red;";
 5            document.getElementById("showMsg").innerText = "输入的有错误!请重新输入!";
 6            clearId = setTimeout("autoClearError()",5000);
 7        }
 8 
 9        function autoClearError(){
10             document.getElementById("showMsg").style.cssText="";
11             document.getElementById("showMsg").innerText = ""
12             clearTimeout(clearId);
13        }
14    </script>
15  </head>
16  <body>
17     <input type="button" value="删除" onclick="test();" />
18     <div id="showMsg"></div>
19  </body>
bubuko.com,布布扣

 

JavaScript基础--小案例:在网页指定位置弹出错误信息(十二),布布扣,bubuko.com

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

标签:style   c   class   blog   code   java   

原文地址:http://www.cnblogs.com/luyuwei/p/3753046.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!