집 >웹 프론트엔드 >JS 튜토리얼 >Jquery ajax 기술을 기반으로 N초마다 페이지로의 값 전송 구현

Jquery ajax 기술을 기반으로 N초마다 페이지로의 값 전송 구현

亚连원래의: 2018-05-24 15:18:411698검색

이 글은 가끔씩 페이지에 값을 전송하는 jquery ajax 기술과 setinterval() 메서드의 구문을 소개합니다. 이 글에 관심이 있는 친구들은 참고하세요

때로는 페이지가 채팅방과 같은 값을 전달하면 데이터베이스가 몇 초마다 페이지를 처리하고 값을 검색한 다음 이를 채팅에 표시해야 하는 경우가 있습니다. 창문. 또는 사용자가 마지막으로 말한 시간과 지금 사이에 2분의 간격이 있는지 가끔씩 확인하고, 그렇다면 사용자를 로그아웃할 수 있습니다. 이번에는 HTML DOM setInterval() 메소드를 사용하겠습니다.

setInterval() 메서드는 함수를 호출하거나 지정된 기간(밀리초 단위)에 표현식을 계산할 수 있습니다.

setInterval() 메서드는clearInterval()이 호출되거나 창이 닫힐 때까지 함수를 계속 호출합니다. setInterval()에서 반환된 ID 값은clearInterval() 메서드에 대한 인수로 사용될 수 있습니다.

구문: 

setInterval(code,millisec[,"lang"])

code

필수입니다. 호출할 함수 또는 실행할 코드 문자열입니다.

millisec

필수입니다. 주기적 실행 또는 코드 호출 사이의 시간 간격(밀리초)입니다.

예:

 setInterval(function(){
      host = window.location.host
      $.post("http://"+host+"/index.php/Article/cpMes/value/1");
    },5000);

확장:

clearInterval() 메소드
clearInterval() 메소드는 setInterval()에 의해 설정된 시간 초과를 취소할 수 있습니다.
clearInterval() 메소드의 매개변수는 setInterval()에서 반환된 ID 값이어야 합니다.

예:

<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
 {
 var t=new Date()
 document.getElementById("clock").value=t
 }
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>
</body>
</html>

위 내용은 N초마다 값을 페이지로 전송하는 Jquery ajax 기술 구현에 대한 소개입니다. 마음에 드셨으면 좋겠습니다.

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

Jquery ajax 기술을 기반으로 N초마다 페이지로의 값 전송 구현

관련 기사