javascript - jQuery的delay()函数使用多次并没有出现预想的动态结果
迷茫
迷茫 2017-04-10 15:44:57
[JavaScript讨论组]
$(".section2 #eye").show().delay(5000).hide().delay(2000).show();

#eye是一个图片,但上面的句子在浏览器中并没有出现预想的眨眼的效果(出现,消失,出现),而是直接出现。如果句子的末尾时hide()则直接消失了。应该怎么修改?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(2)
怪我咯

这里的问题是,delay是默认用于延迟动画效果的,非动画效果会无效。所以fadeIn这些函数都可以用delay延迟,而hide不行。

不过也并非完全不行,hideshow可以作为动画效果使用,只需要增加一个参数。

$(".section2 #eye").show(0).delay(5000).hide(0).delay(2000).show(0);
高洛峰

用 setTimeout 吧

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号