我应该在此代码中添加什么以使弹出窗口在 10 秒后出现
What should I add to this code to make popup appear after 10 seconds
>我需要访问者在我的页面上停留 5-10 秒,直到出现一个简单的弹出窗口。我尝试了 setTimeout 函数,因为关闭按钮在 30 秒后出现,但除了阴影之外的其他元素出现在页面外的错误位置。有什么想法在这里是正确的吗?这是我到目前为止的代码:
var shadow = $('<div id="shadowElem"></div>');
var speed = 1000;
$(document).ready(function() {
$('body').prepend(shadow);
});
$(window).load( function() {
screenHeight = $(window).height();
screenWidth = $(window).width();
elemWidth = $('#dropElem').outerWidth(true);
elemHeight = $('#dropElem').outerHeight(true)
leftPosition = (screenWidth / 2) - (elemWidth / 2);
topPosition = (screenHeight / 2) - (elemHeight / 2);
setTimeout(function() {
$("#dropClose").show();
}, 30 * 1000);
$('#dropElem').css({
'left' : leftPosition + 'px',
'top' : -elemHeight + 'px'
});
$('#dropElem').show().animate({
'top' : topPosition
}, speed);
shadow.animate({
'opacity' : 0.7
}, speed);
$('#dropClose').click( function() {
shadow.animate({
'opacity' : 0
}, speed);
$('#dropElem').animate({
'top' : -elemHeight + 'px'
}, speed, function() {
shadow.remove();
$(this).remove();
});
});
});
你应该
使用javascript setTimeout()方法在指定的毫秒数内延迟你想要延迟的任何内容。
你应该尝试
setTimeout(function() {
$('#dropElem').show().animate({
'top' : topPosition
}, speed);
}, 10000);
而不是
$('#dropElem').show().animate({
'top' : topPosition
}, speed);
那个工人,但由于阴影时间,屏幕一直保持黑暗,直到弹出窗口出现。我添加了
setTimeout(function() {
$("#shadowElem").show();
}, 5 * 1000);
和
display:none;
到 CSS 在 #shadowElem
此外,弹出动画的时间设置为 7 秒,因此两者之间的差异使其不那么令人沮丧
相关文章:
- 试图修改此javascript代码以减小弹出窗口的大小,或者在用户单击框外时关闭
- 在剑道窗口的模板属性中使用AngularJS代码
- 在Firefox restartless插件中,当一个新窗口打开时,我如何运行代码(监听窗口打开)
- 如何使用 php 代码内部显示引导模式弹出窗口
- 如何在从代码后面显示之前,在弹出窗口中选择预先填充的下拉列表选项
- 如何在php echo中添加代码,使其在调用时成为弹出窗口
- 如何使此代码缩放到不同的窗口大小
- ASP.NET:每5分钟从代码后面调用一次弹出窗口
- 代码编辑器响应窗口
- $window错误'$窗口未定义'Angular应用程序中的谷歌分析代码
- 每次单击时打开新窗口的 JavaScript 代码正在替换旧窗口并创建新的空白窗口
- 如何调整此代码,以便它将在新选项卡/窗口中打开重定向
- 弹出窗口代码失败
- 我应该在此代码中添加什么以使弹出窗口在 10 秒后出现
- 如何在 PHP 代码中引入 JavaScript 警报窗口
- 我的弹出窗口代码有什么问题
- 如何在新窗口代码中向javascript打开添加左参数和顶部参数
- 信息窗口代码
- Javascript模态窗口代码被重新配置为在页面加载时加载而不是onclick.帮助:)
- 需要淡出动画为我的模态窗口代码