Berechnen Sie die Twitter -Zeit seit dem Tweet mit JavaScript

Dieser JavaScript -Code berechnet die Zeit, die seit einem Tweet erstellt wurde, wobei die Eigenschaft created_at aus der Reaktion der Twitter -API -JSON.JSON verwendet wird. Es ist nützlich, um "Zeit seit" auf einem Twitter -Widget oder einer ähnlichen Anwendung anzuzeigen, und kann mit setInterval

aktualisiert werden.

calculateSince Funktion:

created_at Diese Funktion übernimmt die String

datetime (z. B. "Di, 12 Jun 2012 06:24:59 0000") und gibt eine menschliche lesbare Zeichenfolge zurück, die die verstrichene Zeit darstellt.

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

Die Zeitanzeige erfrischen:

setInterval Dieser Code verwendet .tweet, um die "Zeit seit 30 Sekunden" zu aktualisieren. Es wird davon ausgegangen, dass Sie Tweet -Elemente mit Klassen .tweet-time, .tweet-user und created_at haben (mit dem

-Merkmal)

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

.

häufig gestellte Fragen (mit präzisen Antworten):

Der ursprüngliche FAQ -Abschnitt wird beibehalten, die Antworten sind jedoch für die Kürze zusammengefasst.

• Twitter -API -Authentifizierung (JavaScript):
Verwenden Sie OAuth 2.0 mit einer Bibliothek wie JSOAUTH- und API -Schlüssel aus dem Twitter -Entwicklerportal.
• Planung von Tweets (JavaScript):
Nicht direkt von der Twitter -API unterstützt. Browser-basierte JavaScript-Lösungen sind durch die Browser-Verfügbarkeit begrenzt.
• Fehlerbehandlung (Tweet -Posting): catch Verwenden Sie
Blöcke in Versprechen, um Fehler während des Tweet -Posting zu behandeln.
• Einbeziehung von Bildern in Tweets: /media/upload Verwenden Sie den Endpunkt media_id zum Hochladen und geben Sie den /statuses/update in den Endpunkt
ein.
• Retweeting, Löschen und andere Aktionen: /statuses/retweet/:id Verwenden Sie die entsprechenden Twitter -API -Endpunkte (/statuses/destroy/:id,
usw.) für diese Aktionen. Jeder Endpunkt hat spezifische Parameter.
• Retweet/ähnliche Zählungen abrufen: /statuses/show/:id Verwenden Sie den Endpunkt retweet_count; Die Antwort enthält favorite_count und
.
• Antwort auf Tweets: /statuses/update Verwenden Sie den Endpunkt in_reply_to_status_id mit @username und
.
• Erhalten Sie den Tweet -Autor: /statuses/show/:id Verwenden Sie den Endpunkt
; Die Antwort enthält Benutzerinformationen.

#tweets .tweet Diese überarbeitete Antwort bietet eine optimiertere und verbesserte Version des Codes und der Antworten. Denken Sie daran, Platzhalter -Selektoren wie

durch Ihre tatsächlichen DOM -Element -Selektoren zu ersetzen.

Das obige ist der detaillierte Inhalt vonBerechnen Sie die Twitter -Zeit seit dem Tweet mit JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!