Question

似乎无法弄清楚为什么我的幻灯片显示的时间已关闭，在本页的第二部分。这几乎是不稳定的。我检查了脚本，时间似乎是正确的。幻灯片放在本页的第二部分：

向下滚动。
这是页面： http://mudchallenger.com/fullpage/examples/a-test-5.html

我试图获得2秒的淡入淡出，每张图像保持5秒钟。

<div id="candy-wrapper">
<div id="candy-slideshow">
<div><img src="imgs/bg-fire.jpg" height="auto" width="100%"></div>
<div><img src="imgs/bg-runstart.jpg" height="auto" width="100%"></div>
<div><img src="imgs/bg-ice.png" height="auto" width="100%"></div>

<script>
   $("#candy-slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#candy-slideshow > div:first')
    .fadeOut(2000)
    .next()
    .fadeIn(2000)
    .end()
    .appendTo('#candy-slideshow');
},  5000);
</script>

谢谢

Answer 1

像这样改变时间

setInterval(function() { 
  $('#candy-slideshow > div:first')
    .fadeOut(2000)
    .next()
    .fadeIn(2000)
    .end()
    .appendTo('#candy-slideshow');
},  5000);

setInterval中的第二个参数表示以毫秒为单位的时间。如果更改为5000表示，则下一个方法仅在5秒后执行。

幻灯片定时关闭

1 个答案: