Question

我希望在我的推特应用上顺利刷新，我不擅长Javascript，所以我无法解决它。我尝试了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 is ready时执行，因此您可以使用它来加载对象。

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

感谢所有人帮助我！

淡出淡出淡出

2 个答案: