延迟加载是指在网页加载完成后再动态加载部分内容或资源,以提高网页的加载速度和用户体验。在实现延迟加载时,可以使用以下代码:
- 使用JavaScript的setTimeout()函数实现延迟加载:
setTimeout(function(){
//延迟加载的代码
}, 2000); //延迟2秒加载
- 使用jQuery的delay()和queue()函数实现延迟加载:
//延迟1秒后执行
$('selecter').delay(1000).queue(function(){
//延迟加载的代码
$(this).dequeue();
});
- 使用LazyLoad插件实现图片的延迟加载:
//加载图片时使用data-original属性来指定图片的真实地址
<img data-original="img/path" src="img/placeholder" class="lazy">
//使用LazyLoad插件进行图片的延迟加载
$(function() {
$("img.lazy").lazyload();
});
。