如何用JS实现10秒以后自动弹出表单窗口。

发布网友发布时间：2022-04-21 19:32

共2个回答

热心网友时间：2022-04-24 12:45

表单的位置大小需要你用CSS设计。以下代码只是实现了你要的弹出功能。

<!DOCTYPE html>
<html>
<head>
  <title>HTML模板</title>
  <meta charset="UTF-8"/>
  <style type="text/css">
   form{
    position:absolute;
    left:100px;
    top:50px;
    width:400px;
    height:300px;
    border:1px solid #aaaaaa
   }
  </style>
  <script>
   var t;
   function closeForm(){
    var form=document.getElementById("form");
    form.style.display="none";
   }
   function showForm(){
    var form=document.getElementById("form");
    form.style.display="block";
    window.clearTimeout(t);
   }
   function timer(){
    t=window.setTimeout(showForm,10000);
   }
  </script>
</head>
<body onload="timer()">
  <form id="form" style="display:none;">
   <input type="text"/>
   <input type="button" value="关闭" onclick="closeForm()"/>
  </form>
</body>
</html>

热心网友时间：2022-04-24 14:03

页面onload的时候取到这个form然后submit不就行了么
例如：
<form id="myForm" method="post">

</form>
js代码：
window.onload = function(){
document.getElementById("myForm").submit();
}
用jQuery的话就是在ready函数中加类似的代码，道理是一样的追问比如是这个表单是隐藏的，当用户进来浏览网页10秒以后自动弹出来。然后别人点击关闭以后，就不再弹出。
请问一下，你上面的这个代码能不能实现？能不能写全一点呢，谢谢