首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

.delay()在我的.show() JQuery上不起作用

.delay()是jQuery中的一个方法,用于设置一个延迟时间来延迟执行后续的动画或操作。但是,.delay()方法只对使用jQuery动画队列的元素有效,而.show()方法不会添加到动画队列中,因此.delay()在.show()上不起作用。

如果你想要在.show()之后添加延迟效果,可以使用setTimeout()函数来实现。setTimeout()函数是JavaScript的一个内置函数,用于在指定的时间后执行一段代码。

下面是一个示例代码,展示了如何在.show()之后添加延迟效果:

代码语言:txt
复制
// 显示元素
$('.element').show();

// 延迟1秒后执行操作
setTimeout(function() {
  // 在这里添加延迟后的操作
}, 1000);

在上面的代码中,首先使用.show()方法显示了一个名为"element"的元素。然后,使用setTimeout()函数设置了一个1秒的延迟时间,并在延迟结束后执行了一段代码。你可以在setTimeout()的回调函数中添加任何你想要延迟执行的操作。

希望这个答案能够帮助到你!如果你有任何其他问题,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用jQuerydelay()延迟执行show()和hide()不起效解决方法

今天使用 jQuery delay() 来延迟执行 hide() ,发现延时不起效,查了一些资料,找到了其中原因。...show();  //延迟5秒来现在id为testdiv 上边代码无效,必须得 show() 中传参数: $("#test").delay(5000).show(function(){}); //...只有队列中连续事件可以被延时,因此不带参数 .show() 和 .hide() 就不会有延时,因为他们没有使用动画队列。...也就是说只有 show() 或 hide() 带有参数时候才能被插入执行队列中。 简单说,其实 show() 和 hide() 不加参数情况下是直接对元素 display 样式设置。...声明:本文由w3h5原创,转载请注明出处:《使用jQuerydelay()延迟执行show()和hide()不起效解决方法》 https://www.w3h5.com/post/351.html

3.2K10

JQuery动画

一、show()方法和hide()方法   这两种方法是jQuery动画最基本方法。...show()方法和hide()方法没有带任何参数情况下,作用是立即显示或者隐藏匹配元素,不会有任何动画。...四、自定义动画方法animate() 很多情况下,上面的三种方法无法满足用户各种需求,那么久需要对元素有更多控制,jQuery中可以使用animate()方法来自定义动画;其语法结构: animate...使用方法如下: $(this).animate({left:"400px",height:"200px"},3000).delay(1000)  delay()方法允许我们将队列中函数延时执行,它既可以推迟动画队列中函数执行...(); },function(){ $(this).next().hide(); }) //这种写法1.9版本jQuery库里会出现问题  总结: (1)一组元素上动画效果     当在一个

2.6K30

05-老马jQuery教程-动画

jQuery选择器和事件配合起来,可以实现很多很绚效果,而且简单易用兼容性好。 1. 显示动画 jQuery原型上方法 show()方法可以实现让DOM元素进行显示动画。...这个动画效果只调整元素高度,可以使匹配元素以“滑动”方式隐藏起来。jQuery 1.3中,上下padding和margin也会有动画,效果更流畅。 参数跟show保持一致,不再赘述。...只有使用了插件来提供这个“easein”函数,这个参数才起作用。...延迟执行 语法:delay(duration,[queueName]) 概述 设置一个延时来推迟执行队列中之后项目。用于将队列中函数延时执行。...// $('#foo').slideUp(300).delay(800).fadeIn(400); 12. jQuery动画属性设置 关闭页面上所有的动画 jQuery.fx.off

1.9K50

jQuery 编程 | jQuery 动画

一、动画jQuery提供了一些列动画基本方法,同时也提供了自定动画方案.animate()。.show()当提供一个 duration(持续时间)参数,.show()成为一个动画方法。....show()方法将为匹配元素宽度,高度,以及不透明度,同时进行动画操作。持续时间是以毫秒为单位,数值越大,动画越慢,不是越快。...出了上述时间,还可以自定时间,接受毫秒为参数jQuery默认只提供两个缓冲效果:调用 swing, 一个恒定速度进行;调用 linear....("slow"); } else { $("div").slideUp(); }});复制代码.delay()设置一个延时来推迟执行队列中后续项。...$("div.first").slideUp(300).delay(800).fadeIn(400);复制代码.clearQueue()从列队中移除所有未执行项。

6.1K40

jQuery动画,案例

显示、隐藏动画 1.显示动画 show([s,[e],[fn]]) 内部实现原理根据当前操作元素是块级还是行内决定, 块级内部调用display:block;,行内内部调用display:inline...// 注意: 这里时间是毫秒 $("div").show(1000, function () { // 作用: 动画执行完毕之后调用 alert("显示动画执行完毕...中提供集中简单固定动画无法满足我们需求, 所以jQuery还提供了一个自定义动画方法来满足我们复杂多变需求 animate(p,[s],[e],[fn]) /* 第一个参数: 接收一个对象, 可以在对象中修改属性...主要利用已有的图片素材,通过jQuery事件监听,节点操作,来实现一个微博界面的发布,删除,点赞等功能,主要处理了排版问题 实现代码 HTML 如果有一天要去流浪 <p class

4.9K10

扫雷小游戏-纯网页版下载_扫雷游戏下载手机版

大家好,又见面了,是你们朋友全栈君。...这两天恶补前端相关知识,看到JQuery动画部分时,突然心血来潮想做一个扫雷网页版,于是花了差不多一天时间完成了一个初始版本,权当对这几天学习成果一个回顾,若某处功能有更好实现方式欢迎留言一起讨论...Html + CSS + JQuery库 要创建界面UI,所以需要用到各类Html标签还有CSS布局美化。 要实现各类逻辑功能,所以需要用到JQuery选择器、事件等知识。 2....游戏结束.").show("slow"); }); return; } // 如果遇到空白,则自动挖开以此为中心九宫格,并且递归搜索。...成功过关.").show("slow"); }); } } View Code 三、参考资料 Html教程 CSS教程 JQuery教程 已开源-码云仓库 发布者:全栈程序员栈长,转载请注明出处:https

2K20

Web前端JQuery入门实战案例

jquery api 文档 开发环境,测试环境,生产环境 git svn $(function(){ // 写jquery入口函数第二种方法 }); jq对象和Dom对象 ...选择器是jquery提供一组方法,用来方便我们找页面中元素,jquery选择器返回jquery对象。...delay(duration,[queueName]); 设置一个延时效果 duration, [queueName] duration:延时时间 queueName:队列名词 延时 <style...} $(document).say(); // 链式编程 $.fn.say = function(){ console.log("dashu"); return this; } 结言 好了,欢迎留言区留言...90后帅气小伙,良好开发习惯;独立思考能力;主动并且善于沟通 简书博客: 达叔小生 https://www.jianshu.com/u/c785ece603d1 结语 下面将继续对 其他知识

3.9K10

05-老马jQuery教程-动画

jQuery选择器和事件配合起来,可以实现很多很绚效果,而且简单易用兼容性好。 1. 显示动画 jQuery原型上方法 show()方法可以实现让DOM元素进行显示动画。...) fn:动画完成时执行函数,每个元素执行一次。...这个动画效果只调整元素高度,可以使匹配元素以“滑动”方式隐藏起来。jQuery 1.3中,上下padding和margin也会有动画,效果更流畅。 参数跟show保持一致,不再赘述。...延迟执行 语法:delay(duration,[queueName]) 概述 设置一个延时来推迟执行队列中之后项目。用于将队列中函数延时执行。他既可以推迟动画队列执行,也可以用于自定义队列。...// $('#foo').slideUp(300).delay(800).fadeIn(400); 12. jQuery动画属性设置 关闭页面上所有的动画 jQuery.fx.off

2K00

这 5 个前端组件库,可以让你放弃 jQuery UI

既可以单个软件包中下载jQuery UI所有元素,也可以选择只下载感兴趣组件和功能。使用这样控件集能够为组件创建出一致外观,并允许以更少投入快速创建出应用。...虽然jQuery UI能起到很好作用,但是还有其它一些框架,拥有很好高品质控件。在这篇文章中,将会分析其中几个框架并做比较。...与其它框架不同是,这些小部件仅使用JS,并且是从头开始构建,根本不需要jQuery。即使移动设备上查看,组件也是快速,平稳并且稳定。 说到移动设备,这也是Kendo UI擅长领域之一。...有趣一点是,Wijmo 5构建在更现代化标准之上,因此IE8上不起作用,此时就需要Wijmo旧版本。Wijmo 3是基于jQuery,所以它支持直到IE6上使用。...虽然这个框架与jQuery UI共享一些组件,但Webix扩展了jQuery UI并提供了一些不同于jQuery UI中常用组件。 Webix文档具有很好帮助作用

5.2K20
领券