jquery loading页面加载效果

jquery loading页面加载效果
加入一个小小的 loading 效果，会使得这个页面极其富有“生命力”。也能减缓用户急躁的等待情绪，同时也在视觉效果上得到体现。其实现方式也极其简单
function loadTimeout(){
var
//超时秒数
second = 10
//计时器
timer = setInterval(function(){
if(--second < 1){
document.getElementById('loading').innerHTML = '您当前的网络连接过慢！';
clearInterval(timer)
}
},1000);
//注册事件
document.attachEvent ? document.attachEvent('onreadystatechange',CtrlLoad) : document.onreadystatechange = CtrlLoad;
//控制加载
function CtrlLoad(){
if(document.readyState && ('complete' == document.readyState)){
document.getElementById('loading').style.display = 'none';
clearInterval(timer)
}
}
}
//调用
loadTimeout()