延迟加载是指在网页加载完成后再动态加载部分内容或资源,以提高网页的加载速度和用户体验。在实现延迟加载时,可以使用以下代码:
- 使用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(); });
。