我成功安装了TWITTER API jquery脚本,但我无法弄清楚如何使用最新推文刷新脚本而不刷新整个页面IN 15 SECOND INTERVALS。是否可以使用.load或refreshID重新加载脚本?当函数重新加载时,我还可以包含淡入和淡出吗?
有人这样做过吗?
非常感谢。
埃里克
这是我的剧本:
<script src="/src/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="/src/jquery/jquery.jtwitter.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
// Get latest 6 tweets by jQueryHowto
$.jTwitter('eriksnet', 3, function(data){
$('#posts').empty();
$.each(data, function(i, post){
$('#posts').append(
'<div class="post">'
+' <div class="txt">'
// See output-demo.js file for details
+ post.text
+' </div>'
+'</div>'
);
});
});
});
</script>
<div id="posts">Getting Erik's tweets...</div>
答案 0 :(得分:1)
尝试将jTwitter调用放入函数并通过setInterval
调用它http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/
(大约一半的页面)
答案 1 :(得分:1)
您需要创建interval
,以便应用程序每15秒轮询一次。 Mozilla的开发人员中心has an article on the basics of using setInterval将帮助您入门。
基本上,你会做这样的事情:
var f = function(){
$.jTwitter('[user]',6,function(data){
$('#posts').fadeOut('fast',function(){
// build your html
$(this).append(yourHtml).fadeIn();
});
});
};
$(document).ready(function(){ setInterval(f,15000); });
答案 2 :(得分:1)
查看一个jquery插件$ .doTimeout,它使这非常简单。
http://benalman.com/projects/jquery-dotimeout-plugin/
<script type="text/javascript">
$(document).ready(function(){
// Get latest 6 tweets by jQueryHowto
$.doTimeout(15000, function() {
$.jTwitter('eriksnet', 3, function(data){
$('#posts').empty();
$.each(data, function(i, post){
$('#posts').append(
'<div class="post">'
+' <div class="txt">'
// See output-demo.js file for details
+ post.text
+' </div>'
+'</div>'
);
});
});
return true;
});
});
</script>
请确保在代码中包含dotimeout js文件。