php java如何创建将延迟2秒的弹出式登录表单

php java如何创建将延迟2秒的弹出式登录表单,php,javascript,jquery,forms,popup,Php,Javascript,Jquery,Forms,Popup,我想在显示搜索结果后创建一个弹出窗体。由于我对javascript知之甚少,如何创建一个在显示结果后延迟2秒的弹出表单?请帮帮我 当前使用表单 <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>"> <table class="form_font" align="center"> <tr> <td class="title" colspa

我想在显示搜索结果后创建一个弹出窗体。由于我对javascript知之甚少,如何创建一个在显示结果后延迟2秒的弹出表单?请帮帮我

当前使用表单

 <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
    <table class="form_font" align="center">
    <tr>
      <td class="title" colspan="2">Log in<br /> <hr style="width:100%; background-color:#000000"></td>
    </tr>
    <tr>
      <td colspan="2"><?php echo $error_MSG;?></td>
    </tr>
    <tr>
      <td colspan="2">Don't have an account? <span class="form_font2"><a href="rates_signup.php">Create one.</a></span></td>
    </tr>
    <tr>
      <td align="right">Email Address:</td><td><input style="width:180px" type="text" name="email"/></td>
    </tr>
    <tr>
      <td align="right">Password:</td><td><input style="width:180px" type="password" name="password"/></td>
    </tr>
    <tr>
      <td></td><td align="right">
      <table class="form_font">
      <tr>
      <td><input type="checkbox" name="remember" value="remember"/></td><td>Remember me (10days)</td>
      </tr>
      </table>
      </td>
    </tr>
    <tr>
      <td></td><td align="right"><input type="submit" class="submitStyle" name="login" value="login"/><input type="submit" name="email_newpass" value="E-mail new password"></td>
    </tr>
    </table>
    </form>

var displayppop=function(){
setTimeout(函数(){
//这是显示弹出窗口的部分
}, 2000 );
};
document.getElementsByTagName('body')[0].addEventListener('load',displayPopUp);

这个脚本的作用是创建一个函数
displayppopup
,在加载
主体后调用该函数。该函数创建一个计时器,该计时器将在2秒后执行。

我在您的图像中看到的似乎是一个模式窗口。 请参阅:jQueryUI扩展的

我在JSFIDLE上创建了一个,它可以工作,但有一些CSS问题(可能是JSFIDLE,我是我的代码:)

2秒后模态窗口的触发器为:

 setTimeout( function() {
  $( "#dialog-form" ).dialog( "open" );
}, 2000 );

根据@Interfector

的建议,您可以使用它,它包含用于延迟和渐进显示的实用程序。请参阅此实现和演示。易于使用和很好的解释如何。此外,配置灵活。
 setTimeout( function() {
  $( "#dialog-form" ).dialog( "open" );
}, 2000 );