延迟加载就是说不是一下把所有内容都加载出来，你指定的那些延迟加载的东西，会等到用户浏览到那，滚动条滑到那的时候，图片再加载出来，这样页面打开能快些。
成都创新互联公司是一家专注于成都做网站、成都网站制作、成都外贸网站建设与策划设计,昌江网站建设哪家好?成都创新互联公司做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:昌江等地区。昌江做网站价格咨询:028-86922220
据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条 下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。
技术上现实其中要用的技术就是图片懒加载--到可视区域再加载。 思路：将页面里所有img属性src属性用data-xx代替，当页面滚动直至此图片出现在可视区域时，用js取到该图片的data-xx的值赋给src。
lazyload.js 延迟加载效果是为了快速展现页面图片，比如很多屏的图片，文件比较大，这个插件目的不是为了节省服务器资源，而是为了浏览体验，如果你拉动到底部，其实也是一样的消耗服务器资源。
建议你可以参考一下jquery.lazyload插件的实现原理。它的目的是控制图片根据当前页面滚动条的位置进行加载的。
1、做一个控件时碰到的一些无法同步处理的事件，可以用这样的延迟方法。
2、Firefox从 5 开始支持defer属性 。注：所有的defer脚本保证是按顺序依次执行的。async属性 async属性是HTML5新增的。作用和defer类似，但是它将在下载后尽快执行，不能保证脚本会按顺序执行。它们将在onload 事件之前完成。
3、首先新建一个html文件，命名为test.html。在test.html文件内，使用span标签创建一行文字，用于下面延时设置其颜色。在test.html文件内，给span标签添加一个id属性，用于下面获得它的对象。
使用setTimeout()和hide()。setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。hide()，实现隐藏这个已经显示的div。
弹出：当页面初始化完毕后，等待N秒显示出div标签。关闭：当div标签弹出后，再等待N秒后将其关闭。解决方案：可以使用JavaScript的setTimeout方法来做定时功能。
// 首先，我没做过广告类的代码，不过就以你的要求，大概给出代码，可以继续追。
你要做到当div显示时，让隐藏在div内的文本框处于焦点，点击其他地方时，文本框的焦点自然会消失，blur事件把当前div隐藏。
完整的示例代码 主要是JS的延时定时器语法的书写，通过延时改变元素的display属性即可实现。