触发具有相同类的另一个对象以使用计时器淡出
16lz
2021-01-22
so i've been trying to make this work now for some time. I'm quite new to jquery as you guys might tell.
所以我一直试图让这项工作有一段时间了。你们可能会说,我对jquery很新。
Q:How do I make each of these divs fade in at different timestamps?
问:如何让这些div中的每一个在不同的时间戳中淡入?
JSfiddle: http://jsfiddle.net/vzLbgtfx/1/
HTML:
<div class="betin">a</div>
<div class="betin">b</div>
<div class="betin">c</div>
JS:
$(document).ready(function(){
$('.betin:eq(0)').fadeIn('slow',1000),
$('.betin:eq(1)').fadeIn('slow',2000),
$('.betin:eq(2)').fadeIn('slow',3000);
});
1 个解决方案
#1
2
Try this:
$(document).ready(function(){
var delay = 1000;
$('.betin').each(function(){
var $el = $(this);
setTimeout(function() {
$el.fadeIn('slow');
}, delay);
delay += 1000;
});
});
jsFiddle: http://jsfiddle.net/voveson/vzLbgtfx/3/
更多相关文章
- [置顶] JQuery datatables 使用Fixedcolumns固定列控件
- Google时间轴图表：在“同一”行上多个时，单独为每个栏着色
- 浏览器Bug在输入上显示时间文本
- 如何改变这个js的持续时间
- jQuery Ui Draggable在移动端浏览器不起作用解决方案
- JQUERY中做表单验证，谁有带时间的日期选择控件？
- web前端复习(二):js日期操作,实现时间显示和倒计时效果
- java前端实时绘制不连续时间点多系列折线图
- jQuery延迟淡入时间超过预期