新推特Tweet Fetcher只显示1条推文

时间:2013-06-30 12:51:04

标签: javascript twitter

我使用以下代码来显示来自新Twitter API的最新推文。我已经完美地工作了,但是,不管我做什么,我只能用它来显示一条推文,我怎样才能让它显示5条推文?

这是我的代码:

<script type="text/javascript">
var twitterFetcher=function(){var d=null;return{fetch:function(a,b){d=b;var c=document.createElement("script");c.type="text/javascript";c.src="http://cdn.syndication.twimg.com/widgets/timelines/"+a+"?&lang=en&callback=twitterFetcher.callback&suppress_response_codes=true&rnd="+Math.random()    document.getElementsByTagName("head")[0].appendChild(c)},callback:function(a){var b=document.createElement("div");b.innerHTML=a.body;a=b.getElementsByClassName("e-entry- title");d(a)}}}();

twitterFetcher.fetch('345901443028488192', function(tweets){
// Do what you want with your tweets here! For example:
var x = tweets.length;
var n = 0;
var numtweets = 5;
var element = document.getElementById('tweets');
var html = '<ul id="tweetul">';
if (tweets[n].innerHTML) {
  html += '<li><img src="images/myicon.png" class="twittericon"/>' + tweets[n].innerHTML + '</li>';
} else {
  html += '<li><img src="images/myicon.png" class="twittericon"/>' + tweets[n].textContent + '</li>';
}
n++;
html += '</ul>';
element.innerHTML = html;
});
</script>

2 个答案:

答案 0 :(得分:1)

你没有循环。你递增n,但你永远不会回到它上面的代码。

答案 1 :(得分:1)

你可以在这里获得一个新版本的api: http://jasonmayes.com/projects/twitterApi/#sthash.CAN6FObk.dpbs 然后你可以这样写:

  

twitterFetcher.fetch('345170787868762112','example1',1,true);

在上面的代码中用“1”更改你想要的推文数。

我希望你能提供帮助。