자바 스크립트 지연 출력

Question

사용자가 버튼을 클릭 할 때마다 브라우저에 서버의 현재 날짜와 시간을 표시하는 코드를 작성했습니다. jquery의 도움을 받아 장고에서 아약스를 사용했다. 이제 버튼을 클릭하면 일시적으로 날짜와 시간을 표시해야합니다. 이러한 종류의 지연을 허용하는 일부 샘플 코드 또는 유틸리티가 유용 할 수 있습니다. 미리 감사

템플릿이다

$(document).ready(function() 
{ 
      $("button").click(function() 
      { 
       $.ajax({ 
        type: "POST", 
        url :"/showdate/", 
        datatype: "json ", 
        success : function(data){ 
          var s = data.currentdate; 
          var sd = s 
          $(sd).appendTo("div"); 
          } 
       }); 

      }); 
}); 

    <button type="button">Click Me</button> 
    <div id="someid"></div> 

보기 기능이다

def showdate(request):  
     now = datetime.datetime.now() 
     string_now = str(now) 
     return_dict = {'currentdate':string_now} 
     json = simplejson.dumps(return_dict) 
     return HttpResponse(json,mimetype="application/json") 

Answer 1

JS가 계산하고 갱신 일자 매초 표시합니다. 그렇게하면 항상 새로운 요청으로 서버를 치는 것을 피할 수 있습니다. 그런 다음 10 분마다 한 번 전화 또는 예제를 만들어 클라이언트와 서버가 동기화되지 않았는지 확인하십시오.

Answer 2

더 이상 계속적으로 업데이트하고 싶다면 SetIterval 기능을 자바 스크립트에서 사용할 수 있습니다. 함수를 계속 호출합니다. http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

샘플 코드 :

<form name="myForm" action="" method="POST"> 
<input name="myClock" type="Text"> 
<script language=javascript> 

self.setInterval('clock()', 50) 

function clock() { 
    time=new Date() 
    document.myForm.myClock.value=time 
} 

</script> 
</form> 

하여 setInterval 함수에 대한 자세한

확인