jquery에서 네트워크 시간을 설정하는 방법

프론트엔드 개발에서는 다양한 작업을 수행하기 위해 현재 시간을 얻어야 하는 경우가 많습니다. 그러나 현지 시간을 얻을 때의 한 가지 단점은 사용자의 컴퓨터 시스템 시간에 영향을 받는다는 것입니다. 사용자의 컴퓨터 시간이 정확하지 않으면 얻은 시간도 잘못됩니다. 따라서 정확성을 보장하기 위해 네트워크 시간을 확보해야 하는 경우도 있습니다.

그럼 네트워크 시간은 어떻게 알 수 있나요? 일반적인 접근 방식은 요청 시간 인터페이스를 통해 현재 시간을 얻는 것입니다. 여기서는 jQuery를 사용하여 네트워크 시간을 얻을 수 있습니다.

jQuery 수동 시간 설정 방법

jQuery에서는 다음 코드를 사용하여 네트워크 시간을 가져올 수 있습니다.

$.ajax({

url: 'http://quan.suning.com/getSysTime.do',
type: 'post',
dataType: 'jsonp',
jsonp: 'callback',
jsonpCallback: 'jsonpCallback',
success: function(data){
    console.log(data);//data为当前时间格式为YYYY-MM-DD HH:MM:SS，例如 2022-01-01 12:00:00
}

});

여기서 제공되는 인터페이스를 통해 현재 시간을 가져옵니다. Suning.com 시간. 그중 url 매개변수는 인터페이스 주소이고, dataType 매개변수는 응답 데이터 유형입니다. 여기서는 JSONP 형식을 사용하여 데이터를 가져옵니다. jsonp 매개변수는 지정된 콜백 함수의 이름입니다. 콜백 함수.

요청이 성공하면 성공 콜백 함수에서 현재 시간 데이터를 얻을 수 있습니다. 여기서는 시간을 콘솔에 인쇄합니다.

시간을 수동으로 설정하고 싶다면 어떻게 해야 할까요? 다음 코드를 사용할 수 있습니다:

const date = new Date('2022/01/01 12:00:00');
console.log(date);

여기서 먼저 날짜 문자열을 전달하여 YYYY/MM/DD HH:MM:SS 형식의 날짜 객체입니다. 여기서 설정한 시간은 2022/01/01 12:00:00입니다. 그런 다음 개체를 콘솔에 인쇄하면 됩니다. 이 시간의 타임스탬프를 가져와야 하는 경우 다음 코드를 사용할 수 있습니다.

const timeStamp = date.getTime();
console.log(timeStamp);

여기서 getTime을 통해 현재 시간을 가져올 수 있습니다. Date 객체 타임스탬프(1970년 1월 1일 00:00:00 UTC부터 현재 시간까지의 밀리초 수)의 메서드를 사용하여 값을 콘솔에 인쇄합니다.

jQuery 자동 시간 동기화 방식

시간을 수동으로 설정하는 것이 편리하지만 실제 애플리케이션에서는 시간이 자동으로 동기화되어 지속적으로 업데이트되는 것을 선호합니다. 여기서는 setInterval 메소드를 사용하여 정기적으로 시간을 업데이트할 수 있습니다.

예를 들어, 다음 코드를 사용할 수 있습니다:

function syncTime(){

$.ajax({
    url: 'http://quan.suning.com/getSysTime.do',
    type: 'post',
    dataType: 'jsonp',
    jsonp: 'callback',
    jsonpCallback: 'jsonpCallback',
    success: function(data){
        const date = new Date(data.replace(/-/g, '/'));
        $('#current-time').html(date.toLocaleString());
    }
});

}
//매초마다 업데이트 시간
setInterval(syncTime, 1000);

여기서 Get에 대한 syncTime 메서드를 정의하고 시간을 업데이트하세요. 성공 콜백 함수에서는 반환된 시간 문자열의 형식을 지정하고, 새로운 Date 메서드를 통해 Date 객체를 생성하고, toLocaleString 메서드를 사용하여 시간을 로컬 형식으로 변환하고, id가 current-time인 dom에 시간을 표시합니다. 요소.

마지막으로 setInterval 메서드를 사용하여 syncTime 메서드를 주기적으로 호출하여 자동 시간 동기화 효과를 얻습니다.

Summary

위에서는 jQuery의 네트워크 시간 획득 방법과 수동으로 시간을 설정하고 자동으로 동기화하는 방법을 소개했습니다. 실제 적용에서는 시간의 정확성을 보장하기 위해 특정 상황에 따라 적절한 방법을 선택해야 합니다.

위 내용은 jquery에서 네트워크 시간을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!