Javascript 按顺序显示的文本
我试图用文本运行一个简单的序列。我希望文本先显示一秒钟,然后是Javascript 按顺序显示的文本,javascript,jquery,queue,next,Javascript,Jquery,Queue,Next,我试图用文本运行一个简单的序列。我希望文本先显示一秒钟,然后是hide()或fadeOut(),然后是队列中要显示的next() 有人知道我做错了什么吗?现在,只有最后一集在播放 旁注,有谁能告诉我一个函数,或者告诉我如何让文本从右边滑入,就像在本页上一样 $(函数(){ $('.cover1 seq')。延迟(1000)。队列(函数(下一个){ $(this.show().prev().hide(); next(); }) /*.toggle(“幻灯片”{ 方向:“对” }, 1000);*
hide()
或fadeOut()
,然后是队列中要显示的next()
有人知道我做错了什么吗?现在,只有最后一集在播放
旁注,有谁能告诉我一个函数,或者告诉我如何让文本从右边滑入,就像在本页上一样
$(函数(){
$('.cover1 seq')。延迟(1000)。队列(函数(下一个){
$(this.show().prev().hide();
next();
})
/*.toggle(“幻灯片”{
方向:“对”
}, 1000);*/
});代码>
.cover1 seq{
显示:无;
}
苹果
书
猫
javascript一次执行所有代码,在3倍于“$(this.delay(1000)”的情况下,它将同时执行所有代码
我对您的代码进行了调整,使其每1秒运行一次:
$(function() {
var i = 0;
$(".cover1-seq").each(function(){
$(this).delay(1000 * ++i).queue(function() {
$(this).show().prev().hide();
});
});
});
或者,正如所问,它一直在重复。为了在页面加载时执行,我们添加了“$(document).ready”:
我希望我能帮上忙 谢谢!如何让它在不定式循环中运行?另外,要让第一个在页面加载时立即显示,我更新了代码,以便在加载页面时始终重复并执行。感谢所有帮助!
$(document).ready(function() {
var arr = $(".cover1-seq");
var arrLen = arr.length;
var i = 0;
setInterval(function(){
$(".cover1-seq").hide();
$(arr[i]).show();
i === arrLen ? i = 0 : i++;
}, 1000);
});