代码描述:js设置div 指定时间后隐藏。js设置div指定时间后隐藏代码实例
有时候我们希望能够实现隐藏一个div能够有定时功能,也就是指定秒数之后将指定的div隐藏,下面就通过代码实例介绍一下如何实现此功能,代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> #thediv{ width:250px; height:30px; margin:0px auto; text-align:center; line-height:30px; background-color:red; } </style> <script type="text/javascript"> window.onload=function(){ var odiv=document.getElementById("thediv"); function yincang(){ odiv.style.display="none"; } setTimeout(yincang,5000); } </script> </head> <body> <div id="thediv">五秒后div隐藏</div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能