Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/kubernetes/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按顺序显示的文本_Javascript_Jquery_Queue_Next - Fatal编程技术网

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);

});