首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在我的网站上显示最新推文..用户名未出现

在我的网站上显示最新推文..用户名未出现
EN

Stack Overflow用户
提问于 2013-03-25 21:02:16
回答 1查看 420关注 0票数 1

嗨,我已经集成了twitter api来显示我的网站上最近的推文。

我可以获取最近的推文,但推文不包含用户名(在我的墙上发推文的用户)

下面是我使用的代码

代码语言:javascript
复制
<div id="twitter_update_list" style="height:300px;width:300px; overflow:auto; overflow-x:hidden">

javascipt

代码语言:javascript
复制
  <script type="text/javascript" src="https://twitter.com/javascripts/blogger.js"></script>

  <script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline.json?screen_name=ABMMyuniverse&include_rts=true&count=4&callback=twitterCallback2"></script> 

输出:

Aditya Birla Money MyUniverse现在是Finnoviti-2012的得主,该奖项于122天前颁发给金融服务领域的创新灵感。

MyUniverse团队祝每个人#排灯节快乐,愿灯光在你的生活中传播快乐,和平和繁荣!http://t.co/xbCUSRrT 133天前

只发推文给我..没有用户详细信息..How我能得到吗??

谁来帮帮我..。提前感谢!

EN

回答 1

Stack Overflow用户

发布于 2013-03-27 14:25:53

最后我集成了。我希望这能对某些人有所帮助:)

代码语言:javascript
复制
 <script language="javascript">

     $(document).ready(function () {
       var username = 'YourTwitterName';
       $.getScript('http://api.twitter.com/1/statuses/user_timeline.json?screen_name=' + username + '&callback=twitterCallback2&count=4');
     });

     function twitterCallback2(twitters)
     {
     var statusHTML = [];
     for (var i=0; i<twitters.length; i++){
     var username = twitters[i].user.screen_name;
     var profileimage = twitters[i].user.profile_image_url;
     var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
     return '<a href="'+url+'">'+url+'</a>';
      }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>'; });

      statusHTML.push('<table style="border-top:1px dotted #000"><tr><td><a target="_blank" href="http://twitter.com/' + username + '">' + username + ':</a><br/>' + status + ' <br/><small style="color:#737373">' + relative_time(twitters[i].created_at) + '</small></td></tr></table>');
    }

      $('.loading').fadeOut(800, function() {
      $('#userlatest_tweet').append($(statusHTML.join('')).hide().fadeIn(750));                             
      }); 
      }      
      function relative_time(time_value) {
      var values = time_value.split(" ");
      time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
      var parsed_date = Date.parse(time_value);
      var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
      var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
      delta = delta + (relative_to.getTimezoneOffset() * 60);
      if (delta < 60) {
      return 'less than a minute ago';
      }
      else if (delta < 120) {
      return 'about a minute ago';
      }
      else if (delta < (60*60)) {
      return (parseInt(delta / 60)).toString() + ' minutes ago';
      }
      else if(delta < (120*60)) {
      return 'about an hour ago';
      } else if(delta < (24*60*60)) {
      return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
      } else if(delta < (48*60*60)) {
      return '1 day ago';
      else {
      return (parseInt(delta / 86400)).toString() + ' days ago';
     }
   } 
  }


</script>
<div id="userlatest_tweet" style="height: 300px; overflow: auto; overflow-x: hidden">
                <div class="loading">
                </div>
 </div>

您还可以通过在statusHTML.push函数中修改表来添加图像....!

如果它工作正常..然后将此作为答案,这将对其他人有帮助!

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15615631

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档