Calculate Twitter Time Since Tweet using JavaScript

This JavaScript code calculates the time elapsed since a tweet was created, using the created_at property from the Twitter API's search.json response. It's useful for displaying "time since" on a Twitter widget or similar application, and can be refreshed using setInterval.

calculateSince Function:

This function takes the created_at datetime string (e.g., "Tue, 12 Jun 2012 06:24:59 0000") and returns a human-readable string representing the time elapsed.

/**
 * 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';
    }
}

Refreshing the Time Display:

This code uses setInterval to update the "time since" every 30 seconds. It assumes you have tweet elements with classes .tweet, .tweet-time, and .tweet-user (containing the created_at attribute).

// 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);

Frequently Asked Questions (with concise answers):

The original FAQ section is retained, but answers are summarized for brevity.

• Twitter API Authentication (JavaScript): Use OAuth 2.0 with a library like jsOAuth and API keys from the Twitter Developer portal.
• Scheduling Tweets (JavaScript): Not directly supported by the Twitter API. Browser-based JavaScript solutions are limited by browser uptime.
• Error Handling (Tweet Posting): Use catch blocks within promises to handle errors during tweet posting.
• Including Images in Tweets: Use the /media/upload endpoint to upload, then include the media_id in the /statuses/update endpoint.
• Retweeting, Deleting, and Other Actions: Use the appropriate Twitter API endpoints (/statuses/retweet/:id, /statuses/destroy/:id, etc.) for these actions. Each endpoint has specific parameters.
• Retrieving Retweet/Like Counts: Use the /statuses/show/:id endpoint; the response includes retweet_count and favorite_count.
• Replying to Tweets: Use the /statuses/update endpoint with in_reply_to_status_id and @username.
• Getting the Tweet Author: Use the /statuses/show/:id endpoint; the response includes user information.

This revised response provides a more streamlined and improved version of the code and answers. Remember to replace placeholder selectors like #tweets .tweet with your actual DOM element selectors.

The above is the detailed content of Calculate Twitter Time Since Tweet using JavaScript. For more information, please follow other related articles on the PHP Chinese website!