> 웹 프론트엔드 > JS 튜토리얼 > JavaScript를 사용하여 트윗 이후 트위터 시간을 계산하십시오

JavaScript를 사용하여 트윗 이후 트위터 시간을 계산하십시오

尊渡假赌尊渡假赌尊渡假赌
풀어 주다: 2025-02-26 01:49:10
원래의
836명이 탐색했습니다.

이 JavaScript 코드는 Twitter API의 Search.json 응답에서

속성을 ​​사용하여 트윗이 생성 된 이후로 경과 한 시간을 계산합니다. 트위터 위젯 또는 이와 유사한 응용 프로그램에 "이후의 시간"을 표시하는 데 유용하며 를 사용하여 새로 고칠 수 있습니다. created_at setInterval

함수 :

이 함수는 시간 디스플레이를 새로 고침 :

이 코드는

를 사용하여 30 초마다 "이후의 시간"을 업데이트합니다. 클래스 , 및 (calculateSince 속성 포함)가있는 트윗 요소가 있다고 가정합니다.

자주 묻는 질문 (간결한 답변) : 원래 FAQ 섹션은 유지되지만 간결성에 대한 답변이 요약되어 있습니다.

Twitter API Authentication (JavaScript)을 사용하십시오. 스케줄링 트윗 (JavaScript) : created_at 트위터 API에서 직접 지원하지 않습니다. 브라우저 기반 JavaScript 솔루션은 브라우저 상향 시간으로 제한됩니다 오류 처리 (트윗 게시) :

블록을 사용하여 트윗 게시 중에 오류를 처리하겠다는 약속 내에서 블록을 사용합니다. 트윗에 이미지를 포함시키기 위해
/**
 * Calculates the time elapsed since a tweet was created.
 * @param {string} datetime - The 'created_at' datetime string from the Twitter API.
 * @return {string} - A human-readable string showing the time elapsed.
 */
function calculateSince(datetime) {
    const tweetTime = new Date(datetime);
    const currentTime = new Date();
    const minutesElapsed = Math.round((currentTime - tweetTime) / 60000);

    if (minutesElapsed === 0) {
        const secondsElapsed = Math.round((currentTime - tweetTime) / 1000);
        if (secondsElapsed < 10) return 'less than 10 seconds ago';
        if (secondsElapsed < 20) return 'less than 20 seconds ago';
        return 'half a minute ago';
    } else if (minutesElapsed === 1) {
        return '1 minute ago';
    } else if (minutesElapsed < 45) {
        return minutesElapsed + ' minutes ago';
    } else if (minutesElapsed < 1440) { // Less than a day
        const hoursElapsed = Math.round(minutesElapsed / 60);
        return 'about ' + hoursElapsed + ' hours ago';
    } else if (minutesElapsed < 2880) { // Less than 2 days
        return '1 day ago';
    } else {
        const daysElapsed = Math.round(minutesElapsed / 1440);
        return daysElapsed + ' days ago';
    }
}
로그인 후 복사
<<>

엔드 포인트를 업로드 한 다음

엔드 포인트에

를 포함 시키십시오. <🎜 🎜> <<> 리트 윗, 삭제 및 기타 작업 : setInterval 이러한 조치에 적합한 Twitter API 엔드 포인트 (<🎜 🎜>, .tweet 등)를 사용하십시오. 각 엔드 포인트에는 특정 매개 변수가 있습니다 <🎜 🎜> <<> 리트 윗/유사 카운트를 검색하십시오. .tweet-time .tweet-user 엔드 포인트 사용; 응답에는 created_at

// Auto-refresh interval to update time since tweeted
setInterval(() => {
    console.log('Updating time since...');
    const tweets = $('#tweets .tweet');
    tweets.each((index, tweetElement) => {
        $(tweetElement).find('.tweet-time').html(calculateSince($(tweetElement).find('.tweet-user').attr('created_at'))).fadeIn();
    });
}, 30000);
로그인 후 복사
트윗에 응답 :

.

트윗 작성 저자 :

    endpoint 사용; 응답에는 사용자 정보가 포함됩니다
  • 이 개정 된 응답은보다 간소화되고 개선 된 버전의 코드 및 답변을 제공합니다. 와 같은 자리 표시 자 선택기를 실제 DOM 요소 선택기로 바꾸는 것을 잊지 마십시오.

위 내용은 JavaScript를 사용하여 트윗 이후 트위터 시간을 계산하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿