要实现延时加载我们有很多方法,下面我先介绍利用jquery 事件,然后再介绍利用setTimeOut函数实现定时执行了,各位朋友有兴趣可参考。
在 Window load 事件中,我们可以进行延时处理,这样当页面加载时可以处理一些事件。
代码如下
(function fn() {
fn.now = +new Date;
$(window).load(function () {
if (+new Date - fn.now < 1000) setTimeout(fn, 1000);
// Do something
});
})();
如我们想在 load 事件执行时,进行一点延时来显示一个遮罩层(仅是举个例子),可以参考下 css遮罩代码。如下:
代码如下
(function fn() {
fn.now = +new Date;
$(window).load(function () {
if (+new Date - fn.now < 3000) setTimeout(fn, 3000);
$("#mask").show();
});
$("#mask").hide();
})();
下面看一个setTimeOut与jquery实现的延时加载
代码如下
$(function(){
setTimeout('$(".toolbarframe").show("slow")',2000);
$(".bigad_close").click(function(){
$(".toolbarframe").hide("slow");
})
//setTimeout('$(".toolbarframe").hide("slow")',12000);
});
标签: jQuery
顶一下
(0)
0%
踩一下
(0)
0%