>웹 프론트엔드 >JS 튜토리얼 >jquery 타이머_jquery를 구현하는 간단한 코드

jquery 타이머_jquery를 구현하는 간단한 코드

WBOY
WBOY원래의
2016-05-16 17:05:371028검색

jquery 타이머를 구현하는 간단한 코드입니다.

오늘 프로젝트에서 탐색 모음 상단에 있는 메시지 모듈을 발견했습니다. 메시지가 수신되면 시간에 맞춰 새로 고쳐질 수 있다는 점을 알고 싶습니다. 오랫동안 고민한 끝에

1. struts2의 Ajax 태그를 사용합니다.
<.>struts2는 약간 번거롭지만 jquery는 비교적 간단합니다. 아래 코드를 붙여넣습니다. 3초마다 서버에서 데이터를 가져와서 표시할 DOM 개체에 할당합니다.

코드 복사

코드는 다음과 같습니다. $(function(){ run(); var 간격 ; function run(){
interval = setInterval(chat,"3000")
}
function chat(){
$.post("searchMessage.action",{" mark":"receive","ajax":"ajax" },function(data){
$("span[name='mes']").html(data.num);
}, "json");
$( "#closeChat").click(function(){
clearTimeout(간격);
})

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.