关于延迟加载问题(setTimeout)

我们很多时候需要延迟加载效果,比如:我们做一个延迟点击效果,当点击太快,可能会影响我们要的效果,我们需要减小点击次数,所以我们需要在一定时间内控制点击,这时setTimeout 设置 延迟效果就能派到用处了,

var time = null;

document.body.onclick = function(){
     clearTimeout(time);
     time = setTimeout(function(){console.log('Hello');},500); 
};                                                   

解释下上面代码,无论你点击多快,当你点击间隔小于500ms时定时器不会执行,因为500ms的定时器都被下一次点击取消了,只剩下最后一次点击! 所以做到了大于500ms后的一次延迟点击效果

posted on 2016-10-24 10:36  源人  阅读(254)  评论(0)    收藏  举报

导航