Javascript 首次运行时延迟较大
我在延迟函数的第一次运行时遇到问题。我已经创建了一个非常简单的幻灯片,但是由于这个原因,我在延迟第一次运行时遇到了问题 我希望第一次运行等待10秒,然后在其余图像之间保持4秒的延迟 这是我的代码:Javascript 首次运行时延迟较大,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在延迟函数的第一次运行时遇到问题。我已经创建了一个非常简单的幻灯片,但是由于这个原因,我在延迟第一次运行时遇到了问题 我希望第一次运行等待10秒,然后在其余图像之间保持4秒的延迟 这是我的代码: function slideshow() { $("#slideshow .slide:hidden:first").fadeIn(1000).delay(4000).fadeOut(1000, function() { $(this).appendTo($(this).pa
function slideshow() {
$("#slideshow .slide:hidden:first").fadeIn(1000).delay(4000).fadeOut(1000, function() {
$(this).appendTo($(this).parent());
slideshow();
});
}
$(document).ready( function () {
$("#slideshow .slide").hide();
slideshow();
});
我试过几种不同的方法,但都不成功
我认为在这个问题上不需要JSFIDLE,但如果您需要它,只需发表评论,我就会设置它
提前谢谢 您正在寻找Javascript的内置
setTimeout
函数,它创建一个计时器,并在计时器完成后执行传递的代码。在$(document).ready()中,您可以尝试以下操作:
setTimeout( slideshow, 10000);
这将使
幻灯片放映功能的执行延迟10秒 在第一次调用幻灯片放映功能时使用超时。接受第二个参数作为在执行参数中的代码之前等待的毫秒数。10000毫秒等于10秒
$(document).ready( function () {
$("#slideshow .slide").hide();
setTimeout(function(){slideshow();},10000);
});