平滑淡入淡出

Question

我想在Twitter應用程序上進行平穩的刷新，我的Java語言不好，因此無法解決。 我嘗試了100樣東西，但是沒有用……有人可以解決我的問題嗎？

我想要當間隔達到時，我的對象（DIV）淡出並平滑。 但是，當它消失時，它一定是新內容。 達到間隔並重新加載內容后，它會立即自動顯示新內容...

哦，如果有人可以解決我的第二個問題，那么我希望在加載頁面時加載我的對象（間隔對象）。 我現在正在使用的代碼：

    setInterval(function () {
var config1 = {
  "id": '554682452443430912',
  "domId": 'tw-widget1',
  "maxTweets": 1,
  "enableLinks": true,
  "dateFunction": dateFormatter,
};

twitterFetcher.fetch(config1);



function dateFormatter(date) {
  return date.toLocaleString();
}

twitterFetcher.fetch(config1);

}, 10000);

請盡快幫助我。

HTML“對象”如下：

<div id="tw-widget1"></div>

Answer 1

您想將事件處理程序鏈接在一起。

$(function () {
    setInterval(checkUpdate, 10000);
});

function checkUpdate() {
    var config1 = {
        "id": '554682452443430912',
        "domId": 'tw-widget1',
        "maxTweets": 1,
        "enableLinks": true,
        "dateFunction": dateFormatter,
    };

    // twitterFetcher.fetch(config1);
    var div = $("#" + config1.domId);
    div.data('context', JSON.stringify(config1));
    div.fadeOut(500, updateTweet);
}

function dateFormatter(date) {
     return date.toLocaleString();
}

function updateTweet() {
    var div = $(this); 
    var config1 = jQuery.parseJSON(div.data('context'));

    div.empty();
    div.html("New Tweet ID " + config1.id);
    // Then set it to fadeIn.
    div.fadeIn();
}

jsFiddle： http : //jsfiddle.net/avjxmqv5/

$（function（）{}）中的代碼在DOM准備就緒時執行，因此您可以使用它來加載對象。

給jsFiddle十秒鍾以使該動作可見。

Answer 2

找到了答案。 解決方案代碼：

    $(function () {
     checkUpdate();
    setInterval(checkUpdate, 30000);
});

function checkUpdate() {
    var config1 = {
        "id": '554682452443430912',
        "domId": 'tw-widget1',
        "maxTweets": 1,
        "enableLinks": true,
        "dateFunction": dateFormatter,
    };

    twitterFetcher.fetch(config1);
    var div = $("#" + config1.domId);
    div.data('context', JSON.stringify(config1));
    div.fadeOut(500, updateTweet);
}

function dateFormatter(date) {
     return date.toLocaleString();
}

function updateTweet() {
    var div = $(this); 
    var config1 = jQuery.parseJSON(div.data('context'));

    //div.empty();
    div.html(twitterFetcher.fetch(config1));
    // Then set it to fadeIn.
    div.fadeIn(500);
}

感謝所有人的幫助！