我在想是否有可能创建一个无限循环,而不会崩溃浏览器。我正在制作一种画廊类型的东西,当它在屏幕上滚动时会脉冲。
这是我目前所拥有的(显然会使浏览器崩溃):
var i = 0;
while (i < 1){
$('.block').each(function(index) {
$(this).css('left', $(this).position().left - 10)
if (($(this).position().left) < ($(window).width() * 0.4)) {
$(this).html('<p>Test 1</p>');
$(this).animate({
width: "500px",
height: "500px",
}, 500 );
}else if (($(this).position().left) < ($(window).width() * 0.2)) {
$(this).html('<p>Test 1</p>');
$(this).animate({
width: "600px",
height: "600px",
}, 500 );
}
});
}
任何技巧都会很棒!
window.setInterval
(或更好的方法是window.setTimeout
)来创建这种无限循环的效果。 - raina77ow