자바 스크립트를 사용하여 div 자동 새로 고침

버튼을 클릭 할 때마다 새로 고침을 받아 임의의 데이터를 가져 오는 게이지가 있습니다.자바 스크립트를 사용하여 div 자동 새로 고침

나의 질문은 버튼을 클릭하지 않고 어떻게 할 수 있는가? 매 5 초마다 자동 새로 고침을 원한다.

<div id="gg1" class="gauge"> 
</div> 
<a href="#" id="gg1_refresh" class="button grey">Random Refresh</a> 
<script> 
    var gg1 = new JustGage({ 
     id: "gg1", 
     donut: 1, 
     title: "BARTOW", 
     titleFontColor: "#000000", 
     value: 95.7, 
     min: 0, 
     max: 100,   
     labelFontColor: "#000000", 
     humanFriendlyDecimal: 1, 
     decimals: 1, 
     symbol: "%", 
     refreshAnimationType: "bounce", 
     gaugeWidthScale: 0.6, 
     customSectors: [{ 
      color: "#ff0000", 
      lo: 0, 
      hi: 79 
     }, { 
      color: "#ffa500", 
      lo: 80, 
      hi: 89 
     }, { 
      color: "#1eae1e", 
      lo: 90, 
      hi: 100 
     }], 
     counter: true 
    }); 
    $(document).ready(function() { 
     $('#gg1_refresh').bind('click', function() { 
      gg1.refresh(getRandomInt(0, 100)); 
      return false; 

     }); 
    }); 
</script>

출처

2013-11-25 Apollo

OP가 setInterval을 요청하면이 링크 (http://www.quackit.com/javascript/javascript_refresh_page.cfm – Rubyist

@ theewseattle의 덧글에 따라 편집 된 다음을 확인하십시오.

<script type="text/javascript"> 
    function refreshDiv() { 
     gg1.refresh(getRandomInt(0, 100)); 
    } 
    $(document).ready(function() { setInterval(refreshDiv, 5000); }); 
</script>

출처

2013-11-25 13:53:26

-1)를 사용하십시오. not setTimeout. – thenewseattle

제 의견으로 변경해서는 안됩니다. 'setTimeout'은'setInterval'이 무차별로 실행되고 스크립트가 완료되었는지 여부에 상관하지 않기 때문에 훨씬 더 안전합니다. 즉, 완료 할 수있는 것보다 빨리 함수를 호출 할 수 있습니다. 'setTimeout()'을 사용하는 것이 더 낫지 만'clearTimeout()'으로 재사용하기 전에 이것을 지워야합니다. – Moob

예, 즉각적인 업데이트가 아니라면 setTimeout() 완료하지 않은 새로 고침 호출을 쌓아 두지 않으려면 그러나 OP의 예는 순간적 새로 고침이므로이 경우에는 안전하다고 생각합니다. 어느 쪽이든, 확실히 내 의견으로는 setTimeout()에 대한 인수가 있습니다. –

5 초마다 기능을 호출하려면 setInterval을 사용해야합니다.

당신은 코드를

gg1.refresh(getRandomInt(0, 100));

를 포함하는 함수를 생성 한 다음 위에서 만든 함수를 호출하여 클릭 이벤트 처리기에서 setInterval을 기능을 사용해야합니다.

출처

2013-11-25 13:54:39

나는 javascript를 처음 사용했습니다. 어떻게해야합니까? – Apollo

페이지에 자바 스크립트 기능을 사용할 수있는 샘플이 있습니다. 내가 배우는 길은 아니라고 생각하면서 코드를 작성하지 않을 것입니다. 나는 당신이해야 할 일에 대한 대답에 대한 설명을 포함 시켰습니다. –

@Apollo google jquery setInterval 필요한 정보를 찾을 수 있습니다 – thenewseattle

자바 스크립트를 사용하여 div 자동 새로 고침

답변

관련 문제