php java如何创建将延迟2秒的弹出式登录表单
我想在显示搜索结果后创建一个弹出窗体。由于我对javascript知之甚少,如何创建一个在显示结果后延迟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
<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 );