最近,我开始优化在绝对的位置上的社交网络,这让我到了Twitter API。我想在网站的顶角展示推文。但是,我不想展示我的最后推文,但实时显示我的推特。

即时的 ?

这样我就不疏远了推文弹出的频繁用户。当您单击“出现的Tweet”框时,它将您重定向到我的Twitter帐户。这只是一个小的JavaScript插件,所以遗憾的是,在10秒后,它在每30秒发生一次之后,它会在10秒后驾驶。到这个时候,如果我推文一些东西,它将出现在网站上的每个人。

这似乎似乎不是很多,但随着时间的推移,我认为它可能会得到回报。

您必须记住的一件事是您只能每人每小时每小时拨打150次(一个Twitter限制)。出于这个原因,为方便起见,需要30秒的间隔是必要的,比这是一个攻击性的时间,以这种方式,你永远不会超过极限。 Demo也没有与任何Twitter帐户相关联并伪造实际结果。但是,可下载的版本是本网站上使用的相同版本。

查看演示

现在它是如何工作的

接收你的最后推文真的很简单,你从像这样的推特上调用javascript:

<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/PosAbsolute.json?callback=twitterCallback2&count=1"></script>

跳,您有一个回调,实际上是一个JavaScript函数,你的最后推文的JSON是参数。当然,你只会收到一个推文,因为它&count = 1。现在您想以频繁的间隔调用Twitter API,响应每次都会自动调用TwitterCallback2():

setInterval("createJSONtweet('fdsfsd')",15000)
function createJSONtweet(){		 	
 var getTweet = document.createElement("script");
 getTweet.src="http://twitter.com/statuses/user_timeline/PosAbsolute.json?callback=twitterCallback2& count=1";
 document.getElementById('twitter_script').appendChild(getTweet)
}
// You get this JSON from calling Twitter
twitterCallback2([
	{"text":"Just testing my new script that will show in real time my tweet on Pa, article to comes!",
	"in_reply_to_user_id":null,
	"user":
		{"description":"A front-end developer in the javascript heaven and the IE6 hell.",
		"utc_offset":-18000,
		"profile_text_color":"000000",
		"screen_name":"PosAbsolute",
		"profile_background_image_url":"http://s3.amazonaws.com/twitter_production/profile_background_images/7614536/bg_site.jpg",
		"favourites_count":0,
		"profile_link_color":"4d5aff",
		"profile_background_tile":false,
		"followers_count":58,
		"url":"http://www.position-absolute.com",
		"name":"Cedric Dugas",
		"statuses_count":71,
		"created_at":"Mon Apr 06 00:40:12 +0000 2009",
		"profile_background_color":"313131",
		"protected":false,
		"friends_count":17,
		"verified":false,
		"profile_sidebar_fill_color":"dbdbdb",
		"time_zone":"Quito",
		"following":null,
		"profile_sidebar_border_color":"ffffff",
		"location":"Montreal, Canada"},
"favorited":false}]);
...

从JSON获取您的推文非常简单,推文[0] .text。您可以看到,您还可以获得各种酷信息。

其余的是一些jQuery和一些CSS(在方便的JS中包含的CSS)。

添加最后一个 jquery. 版本和jquery.tweetInterval.js到您的网站,更改Twitter帐户,TweetInterval(“twitterName”),您将推文弹出在网站上自动工作。

下载源代码 查看演示

测试:
Firefox 3+
互联网爆炸器7.
Safari 4.
IE6上的有限支持 (你需要做一些CSS调整)



如果您喜欢并使用此脚本,请考虑为我买啤酒’廉价和一种简单的方法来回馈!





广告

获得专业人士 tesking 70-236 培训成为网络开发专家。使用 tesking 70-663. 学习指南 tesking ns0-153. Web教程了解Web开发的所有基础知识。

16 thoughts on “实时显示您的推文,使用基本的Twitter API。

  1. 你能给我一个来自json的推文吗?我没有’T与jQuery有任何经验 -

    提前致谢!

  2. 如果要使用此脚本,则只需在头部添加2个js文件

    不需要jQuery,当您致电Twitter时,您将在JSON中与json中的Tweet获取一个函数,从参数中重新调整它与XML相同:Tweet [0] .text,将为您提供您的最后推文。你做:

    推特Callback2(lasttweet){
    var textlasttweet = lasttweet [0] .text
    }

  3. 对不起,但我得到以下错误,每次我尝试:lasttweet [0] .text - > undefined

    复制我的代码:
    setInterval(“twitterCallback2(‘”+lastTweet+”‘)”,30000)
    setTimeout(“twitterCallback2(‘”+lastTweet+”‘)”,10000)

    twittercallback2 =函数(lasttweet){

    var updatetweet = lasttweet [0] .text //推文文本
    (…)

    感谢您的帮助,请原谅我的缺乏

  4. 为什么不将想法与小型服务器脚本混合来拉动和缓存最新的Twitter帖子?然后只需脚本点击您的网站。

  5. 你好,非常好的功能!

    我只是想问你,我可以在真正时间应用程序外面应用它也除了叽叽喳喳的新帖子吗?假设我在个人资料页面上显示了最近的访问者。最近的访客将是“1 min ago”。如果突然新的用户来了,所以我只想用这个消息追加那个用户“about a min ago”没有像你在这里完成的刷新。

    此功能是否可以支持这种模块?如果没有,请你能告诉我一些链接,所以我可以看看它。

    谢谢。

  6. 是的,你可以,这将是相同的想法,存储你第一次获得的用户,如果有一个新的用户并比较,则定期看

  7. 我尝试过这一点,它似乎在Firefox中正常工作,但在Safari / Chrome中,脚本似乎没有得到最新的API响应,虽然页面上的任何活动,但它开始获得新数据。看起来API响应缓存,Firefox很好。任何的想法?

  8. jquery.和jQuery.TweetInterval.js需要在哪里?服务器上的根目录?是否有可能指向jQuery和jQuery.tweetInterval.js的脚本在单独的服务器上定位,所以我可以用博主用?我是不是太难了?

评论被关闭。