2013-04-10 3 views
0

내 페이지에 진행률 표시 줄이 있습니다. 페이지가 완전히로드 될 때까지 표시되어야합니다. 따라서 페이지의로드 시간과 동일한 진행률 막대 표시를 원합니다. 그래서 나는 페이지로드 시간을 얻고 그 시간 값을 진행 막대를 표시하기 위해 전달하려고 노력했다. 나는 코딩을 마쳤다진행률 막대에 페이지 로딩 시간을 전달하는 중

<script type="text/javascript"> 
    var startTime = new Date().getTime(); 
    var loadTime; 
    function pageload() { 
     var endTime = new Date().getTime(); 
     loadTime = endTime - startTime; 
     // alert(loadTime); 
    } 
    window.onload = function() { pageload(); } 
    jQuery(document).ready(function() { 

     jQuery('#container').showLoading(
      { 
       'afterShow': 
       function() { 
        var a = loadTime; 

        setTimeout("jQuery('#container').hideLoading()", a); 

       } 
      }); 
    }); 
</script> 

이후이 변경 작품!

<script type="text/javascript"> 
    var startTime = new Date().getTime(); 
    var loadTime; 
    function pageload() { 
     var endTime = new Date().getTime(); 
     loadTime = endTime - startTime; 
     setTimeout("jQuery('#container').hideLoading()", loadTime); 
     // alert(loadTime); 
    } 
    window.onload = function() { pageload(); } 
    jQuery(document).ready(function() { 

     jQuery('#container').showLoading(); 
    }); 
</script> 
+0

'document.ready'는 보통 befo를 실행하기 때문에'loadTime'을 설정하기 전에 사용하려고합니다. 다시'window.onload'. 이것에 대한 전체적인 개념에는 결함이 있으며 일반적으로 좋은 아이디어는 아닙니다. – adeneo

+0

Ohk 그럼 나에게 말해 .. 아니면 나에게 제안해라 .. 페이지로드 시간 값을 얻는 방법과 진행 막대의 표시 시간에 그것을 전달하는 법. @ 아데노 –

답변

1

내가 잘못 될 수있다,하지만 난과 같이, 당신은 단지 onLoad에 그것을 숨길 생각 :

:

jQuery(document).onload(function(){ 
    jQuery('#container').hideLoading(); 
}); 

또는pageload() 기능에 넣어

function pageload() { 
    var endTime = new Date().getTime(); 
    loadTime = endTime - startTime; 
    jQuery('#container').hideLoading(); 
} 
관련 문제