WEB前端

漂亮的jquery页面加载 loading效果

位置:首页 > WEB前端 > jquery教程,2013-07-26
漂亮的jquery页面加载loading效果,加入一个小小的loading效果,会使得这个页面极其富有“生命力”。也能减缓用户急躁的等待情绪,同时也在视觉效果上得到体现。其实现方式也极其简单funct...

漂亮的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() 

TAGS:jqueryjquery loading效果

猜你喜欢

NewHot