Javascript 如何使矩形在HTML中消失

Javascript 如何使矩形在HTML中消失,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我是新的,我的网站使用Wix。我的矩形有这个HTML代码,我想让它在30秒后消失 我要补充什么?还有,我可以拿出什么来保留蓝色矩形 非常感谢你的帮助 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> </head> <style type="te

我是新的,我的网站使用Wix。我的矩形有这个HTML代码,我想让它在30秒后消失

我要补充什么?还有,我可以拿出什么来保留蓝色矩形

非常感谢你的帮助

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <title>Untitled</title>
  </head>
  <style type="text/css">
    p.one
    {
      width: 100px; height: 100px;
      background-color: #0000ff
    }
  </style>
  <body>
    <p class="one">
  </body>
</html>

无标题
p、 一个
{
宽度:100px;高度:100px;
背景色:#0000ff
}


使用jQuery,您可以执行以下操作:

setTimeout(函数(){
jQuery('.one').hide();
},30000);