Javascript 平滑淡出淡入

我想在我的twitter应用程序上进行平滑刷新， 我不擅长Javascript，所以我无法解决它。我试了100种方法，但都没用。。。 有人能解决我的问题吗

我希望当间隔达到时，我的对象（DIV）淡出并平滑。但当它淡出时，一定是新内容。当达到时间间隔并重新加载内容时，它会立即自动显示新内容

哦，如果有人能解决我的第二个问题，我希望在加载页面时加载我的对象（interval对象）。我现在使用的代码：

    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>

---

您希望将事件处理程序链接在一起

$(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：

$（函数（）{}）中的代码在加载时执行，以便您可以使用它加载对象

给jsiddle十秒钟时间让操作可见。

答案已经找到。 解决方案代码：

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

---

谢谢大家帮助我

你能发布你的HTML吗？您所说的“

div

对象”不在您发布的代码中。HTML只是Javascript中的“domId”：“tw-widget1”。转换成上面的脚本。我现在如何在我的javascript代码中实现它？这是可行的，但我只得到了这样一句话：“New Tweet ID 554682452443430912”对，我注释掉了twitterFetcher.fetch（config1）行，因为这在JSFIDLE上不可用。您还需要更改div.html（“New Tweet ID”+config1.ID）行，以反映您想要显示的任何传入数据。我现在使用了我的新代码，但现在它不会立即加载。因此，加载应用程序大约需要11秒（加载间隔+1需要10秒）。。。你能帮我吗？我使用的代码如下：在setInterval之前添加对checkUpdate（）的手动调用。这将导致立即更新，然后将更新设置为10秒后。我更新了JSFIDLE以反映这一点。