jQuery定时/循环延迟
jQuery定时/循环延迟
提问于 2012-06-06 22:14:09
我需要在我的网站上做一个简短的“新闻快讯”...淡入淡出一些，需要它们循环...
到目前为止，我得到了这样的东西：
$('.text01').hide().fadeIn('slow').delay(3000).fadeOut('slow');
$('.text02').hide().delay(4000).fadeIn('slow').delay(3000).fadeOut('slow');
$('.text03').hide().delay(8000).fadeIn('slow').delay(3000).fadeOut('slow');
$('.text04').hide().delay(12000).fadeIn('slow').delay(3000).fadeOut('slow');然而，这并不循环，我是一个真正的新手，所以任何帮助都将不胜感激。
回答 6
Stack Overflow用户
回答已采纳
发布于 2012-06-06 22:30:04
下面是另一个:)
function flow(elem){
el = $(elem);
el.fadeIn('slow').delay(3000).fadeOut('slow', function(){
nextElem = el.is(':last-child') ? el.siblings(':eq(0)') : el.next();
flow(nextElem);
});
}
$(document).ready(function(){
flow('span:eq(0)')
})Demo at JSFiddle
Stack Overflow用户
发布于 2012-06-06 22:30:49
您应该在页面中创建一个div：
<div id='newsticker'></div>然后将所有新闻放入一个数组中，并运行此函数，该函数会自动调用：
var newsItems = ['England will win Euro 2012','Pigs will fly by 2030','Third news story','Final news story'];
function displayNews(itemID){
$('#newsticker').html(newsItems[itemID]);
$('#newsticker').fadeIn('slow',function(){
$('#newsticker').delay(4000).fadeOut('slow', function(){
itemID++;
if (itemID == newsItems.length){
itemID = 0;
}
displayNews(itemID);
});
});
}
//Start off the news ticker
displayNews(0);查看Working DEMO here
Stack Overflow用户
发布于 2012-06-06 22:23:23
假设您拥有的内容按照您想要的方式运行，您可以将它们放入一个函数中，并按一定的时间间隔调用该函数
setInterval(your_function_name, time_in_milliseconds);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10916001
复制相关文章
相似问题
腾讯云开发者
