Tag: 延迟

在ajax调用中设置延迟

我试图在加载程序图标和成功之间添加一个小延迟(2秒),数据为html。 我试图使用的是setTimeout并输入一个延迟号。 这不起作用,所以我希望你能告诉我正确的方法是什么。 我的ajax代码: $(function () { var delay = 2000; var res = { loader: $(“”, { class: “loader” }) }; $(‘#search’).on(‘click’, function () { $.ajax({ type: ‘GET’, url: “@Url.Action(“Find”, “Hotel”)”, datatype: “html”, beforeSend: function () { $(“#group-panel-ajax”).append(res.loader); setTimeout(delay); }, success: function (data) { $(“#group-panel-ajax”).find(res.loader).remove(); $(‘#group-panel-ajax’).html($(data).find(“#group-panel-ajax”)); } }); return false; }); }); 现在它运行得非常快。 希望有人能提供帮助。

淡入延迟加载

我已经弄好了一些相当不错的东西,我想在即将到来的项目中使用。 它是加载时的动画不透明度,或者您可以将其称为淡入淡出。 我想知道你是否可以将一些元素链接在一起(例如3),因此element2仅在element1完成时启动,而element3在no时启动。 2是? 或者你应该在element2上定义一个延迟并乘以element3的延迟?

jQuery动画延迟

如何使用jQuery延迟动画? 我需要导航来扩展宽度,然后扩展高度,然后反转为反向动画。 码: $(function() { $(“#nav li”).not(“#logo, #nav li ul li”).hover(function(){ $(this).animate({width:”200px”},{queue:false,duration:1000}); }, function(){ $(this).animate({width:”30px”},{queue:false,duration:1000}); }); $(“#nav li.parent”).hover(function(){ $(this).children(“ul”).animate({height:”40px”},{queue:false,duration:500}); }, function(){ $(this).children(“ul”).animate({height:”0px”},{queue:false,duration:500}); }); });

如何在调用下一个回调函数之前添加延迟?

我正在尝试制作一个javascript横幅。 我在div中有3个图像,其中包含ID#img1,#img2 n#img3。 var AnimState = true; var AnimTime = 2000; var AnimDelay = 3000; $(document).ready( function() { $(‘#image img’).hide(); $(‘#img3’).show(); Show1(); }); function Show1() { if( AnimState === true ) { $(“#img3”).fadeOut(AnimTime); $(“#img1”).fadeIn(AnimTime, Show2); } } function Show2() { if( AnimState === true ) { $(“#img1”).fadeOut(AnimTime); $(“#img2”).fadeIn(AnimTime, Show3); } } function Show3() { if( […]

jQuery show / hide – 关于延迟变量的问题

当你鼠标hover某个div时我正在使用下面的代码来显示一个框,并设置淡出的延迟,但如果用户重新使用div,是否有某种方法可以取消fadeOut效果? jQuery(“#cart-box”).hover(function() { jQuery(“#cart-container”).fadeIn(‘fast’); }, function( ) { jQuery(“#cart-container”).delay(800).fadeOut(‘fast’); }); div的代码 Cartcontents 考虑一下我认为这可能是一个需要停止fadeInfunction的情况,如果你离开div并返回。 任何想法都会对jQuery有所帮助! 另外请注意我应该使用什么效果让盒子从零开始扩展到内容的高度而不是仅仅淡入?

等待function直到用户停止输入

我有用户在打字时进行ajax调用。 问题是它会对每个字母进行调用,所以我设置了这样的超时: $(input).live(‘keyup’, function(e){ setTimeout(function(){ var xx = $(input).val(); doSearch(xx); }, 400); }); 它确实等待400ms,然后为每个keyup执行。 如何在最后输入的字母后约400ms时更改此选项才能使ajax调用“一次”? (我过去使用’延迟’,但这对我的脚本根本不起作用……)

延迟后淡出jQuery菜单

我正在开发一个jQuery下拉菜单,当你将鼠标hover在顶级项目上时,它会淡入淡出。 我想设置它,以便当您移动鼠标时,菜单不会立即消失。 我有这个代码: $(document).ready(function(){ $(‘ul#menu > li’).hover( // mouseover function(){ $(this).find(‘>ul’).fadeIn(‘fast’); }, // mouseout function(){ setTimeout( function(){ alert(‘fadeout’); $(this).find(‘>ul’).fadeOut(‘fast’) }, 1000 ); } ); }); 一秒钟后警报发生,但菜单没有淡出。

告诉jQuery忽略动画序列中的点击次数

我正在为jQuery编写一个幻灯片放映应用程序(单击一个按钮,然后滑过一个图像列表),但是我遇到了一个小错误,它会响应click()请求,即使动画正在发生。 我已经使用了animate()函数,因此不会阻止其他动画请求。 有什么方法来编程吗?

在fadeOut之前的JQuery延迟

我写了一个jquery脚本,允许我淡入淡出div,然后重复。 代码工作正常。 但是,当我尝试添加延迟时(我希望div在淡出之前保持几秒钟),它无法正常工作。 我已经尝试在代码中的几个地方添加延迟,似乎没有正常运行。 我正在使用Jquery版本1.9.1 这是我写的脚本: $(document).ready(function(){ ShowPostDiv(0); }); function ShowPostDiv(divIndex) { $(“.home_entry_txt”).hide(); if(divIndex >= $(“.rotate_hide”).length) { divIndex = 0; } var divPostHtml = $(“.rotate_hide:eq(“+divIndex+”)”).html(); $(“.home_entry_txt”).html(divPostHtml); $(“.home_entry_txt”).fadeIn(3000, function(){ $(“.home_entry_txt”).fadeOut(“slow”); }); divIndex++; setTimeout(“ShowPostDiv(“+divIndex+”)”, 4000); }

延迟后使用jQuery添加一个类

单击一个元素时,我想向body元素添加一个类,但稍有延迟。 因此,单击element1,然后在.5秒后,正文被赋予一个新类。 我正在使用它在某种程度上工作… $(‘.element1’).click(function() { $(‘body’).delay(500).queue(function(){ $(this).addClass(‘left-bg’) }); }); 但是,我有另一个click事件,它从body中删除了这个left-bg类。 $(‘.another-element’).click(function() { $(‘body’).removeClass(‘left-bg’); }); 但是下次单击.element1时,它根本不会将left-bg类应用于正文。 希望有道理。 任何人都可以帮我这个或建议另一种方式去做吗?