[英]How can i stop the delay from setInterval?
我正在使用setInterval来显示幻灯片,并且我想立即显示幻灯片,如何防止从一开始就出现延迟?
码:
setInterval(
function() {
$("body, #resp-background").css({
'background-image': 'url(' + pics[i] + ')',
'-webkit-transition': 'background-image .25s ease-in-out',
'transition': 'background-image .25s ease-in-out;',
'-moz-transition': 'background-image .25s ease-in-out;',
'background-size': 'background-image .25s ease-in-out;',
'-o-background-size': 'cover',
'-moz-background-size': 'cover',
'-webkit-background-size': 'cover'
});
$('.s-description').html(descriptions[i]);
i++;
if (i >= pics.length) i = 0;
}, 4200);
的jsfiddle:
http://jsfiddle.net/kx1fgsox/3/
谢谢
像这样:
var slider = function() { /*your code here*/ };
slider(); //execute immediately
setInterval(slider, 4200); //start interval loop
i
初始化为0
甚至更清洁:
(function loop () { /* do stuff */ })();
window.setTimeout(loop, 1000);
这样,函数将自动在init上执行。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.