平滑淡入淡出

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);
}

感谢所有人的帮助！