2

TWITTER API jqueryスクリプトのインストールに成功しましたが、15秒間隔でページ全体を更新せずにスクリプトを最新のツイートで更新する方法を理解できません。.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>
4

3 に答える 3

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 ファイルが含まれていることを確認してください。

于 2010-07-16T15:38:31.927 に答える
1

jTwitter 呼び出しを関数に入れて、setInterval 経由で呼び出してみてください

http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

（ページの半分くらい）

于 2010-07-16T15:25:01.107 に答える
1

intervalアプリケーションが 15 秒ごとにポーリングするように を作成する必要があります。Mozilla の開発者センターには、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); });
于 2010-07-16T15:27:42.260 に答える