首页 > 代码库 > JavaScript基础--小案例:在网页指定位置弹出错误信息(十二)
JavaScript基础--小案例:在网页指定位置弹出错误信息(十二)
案例分析:点击按钮后,在网页上指定区域,提示错误信息!5秒后,错误信息提示自动消失!
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="http://www.mamicode.com/删除" onclick="test();" /> 18 <div id="showMsg"></div> 19 </body>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。