//Twitter function twFetch() { jQuery(document).ready(function($) { //Set Url of JSON data from the facebook graph api. make sure callback is set with a '?' to overcome the cross domain problems with JSON var url = "https://api.twitter.com/1/statuses/user_timeline.json?screen_name=wimarbueno&include_rts=true&include_entities=true&count=10&callback=?"; //Use jQuery getJSON method to fetch the data from the url and then create our unordered list with the relevant data. $.getJSON(url, function(json) { var html = "<ul>"; //loop through and within data array's retrieve the message variable. $.each(json, function(i, tw) { html += "<li><div class=\"views-field views-field-created\"><span class=\"field-content\">Update " + timeAgo(tw.created_at) + "</span></div><a href=\"https://twitter.com/RecycleCartons\" target=\"_blank\">" + tw.text + "</a></li>"; }); html += "</ul>"; //A little animation once fetched $('#twitter-list').animate({ opacity: 0 }, 500, function() { $('#twitter-list').html(html); }); $('#twitter-list').animate({ opacity: 1 }, 500); }); }); } /** * relative time calculator FROM TWITTER * @param {string} twitter date string returned from Twitter API * @return {string} relative time like "2 minutes ago" */ function timeAgo(dateString) { var rightNow = new Date(); var then = new Date(dateString); if (jQuery.browser.msie) { // IE can't parse these crazy Ruby dates then = Date.parse(dateString.replace(/( \+)/, ' UTC$1')); } var diff = rightNow - then; var second = 1000, minute = second * 60, hour = minute * 60, day = hour * 24, week = day * 7; if (isNaN(diff) || diff < 0) { return ""; // return blank string if unknown } if (diff < second * 2) { // within 2 seconds return "right now"; } if (diff < minute) { return Math.floor(diff / second) + " seconds ago"; } if (diff < minute * 2) { return "about 1 minute ago"; } if (diff < hour) { return Math.floor(diff / minute) + " minutes ago"; } if (diff < hour * 2) { return "about 1 hour ago"; } if (diff < day) { return Math.floor(diff / hour) + " hours ago"; } if (diff > day && diff < day * 2) { return "yesterday"; } if (diff < day * 365) { return Math.floor(diff / day) + " days ago"; } else { return "over a year ago"; } } // timeAgo()
sábado, 18 de mayo de 2013
Listar noticias de Twitter con jQuery
Si se desea listar las noticias publicadas por ciertos usuarios de Twitter, se puede usar este script.
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario