JavaScript的delay()函数让append和appendTo动态添加元素有Lazyload的懒加载动态效果

如何让JavaScript的append()动态添加的元素有lazyload的懒加载动态效果？

JavaScript的append()方法在被选元素的结尾（仍然在内部）插入指定属性。提示：如需在被选元素的开头插入属性，请使用的prepend()方法。提示：append()和appendTo()方法执行的任务相同。不同之处在于：属性的位置和选择器。

append()方法本身并不直接控制时间，它是用来向列表末尾添加一个元素。如果您想要JQuery控制执行某段代码的时间，您可能需要使用delay()函数，如delay(seconds)，该JQuery函数可以使程序暂停执行指定的秒数。以下是一个简单的例子，使用delay()来控制程序执行时间：

1. function appendWithDelay() {
   
2.   for (i = 0; i < 10; i++) {
   
3.     var template = '<img class="img" src="https://www.18ma.cn/demo.jpg"/>';
   
4.     $(template).hide().appendTo(".chatwindow").delay(i * 1000).fadeIn(1000);
   
5.   }
   
6. }
   
7. appendWithDelay();

复制代码