我想在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>

#1楼 票数:0 已采纳

您想将事件处理程序链接在一起。

$(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十秒钟以使该动作可见。

#2楼 票数:0

找到了答案。 解决方案代码:

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

感谢所有人的帮助!

  ask by Robin translate from so

未解决问题?本站智能推荐:

2回复

平滑的jQuery调整大小和淡入淡出

我正在尝试平稳地重新加载div的内容(高度可能会变化)。 我看过fadeIn(),animate()等,却找不到任何能产生平滑效果的东西。 我从中得到最好结果的代码是: 我不满意的部分效果是,当html内容更改时,内容会跳到div以下,是否会在不知道新内容高度的情况下随着淡出而发
2回复

如何在延迟效果上应用平滑的淡入淡出

我想知道是否有人可以提供解决此问题的方法,对不起,我只是CSS的初学者。 基本上,我有一个登录页面,其中有youtube视频在后台播放,并且有一些按钮在8秒钟后出现。 这些按钮我希望它们可以通过淡入显示而平滑显示。我不知道该怎么做,而我目前使用的CSS片段是 我可以在什么地方和什么地
2回复

使用JQuery在Ajax之后平滑淡入淡出

我正在使用jquery ajax来更改我网站中的页面。 我的代码是这样的: 我的问题是,当我使用淡入淡出效果时,“#target” div的宽度和高度会发生变化,因此,我的页面的滚动发生了变化,这确实很烦人,因为页面似乎在上下跳跃! 我想知道如何使用平滑效果的JQuery淡入淡出。
2回复

更改背景图像时平滑淡入淡出

这是我的代码,要查看实际效果,请看一下这个小提琴 HTML CSS Javasript(jQuery) 我的问题是,如何才能平稳地更改图像而不是“仅替换”? 以及如何避免同一图像连续出现?
2回复

JQuery ScrollTop的淡入淡出与淡入淡出

当使用带有fadgeIn和fadeOut的动画滚动顶部时,我遇到了这种可怕的故障(某种程度的跳跃或闪烁)。 我有一个Div,它会动态加载内容。 当用户单击主页上的菜单按钮时,页面应滚动到顶部,然后开始淡出div,然后使用其新内容更新div,然后再淡入。 它一半时间工作正常,但另一半故障
3回复

javascript jquery淡入淡出

嘿,我有一些淡入淡出的工具提示,但问题是,当您将鼠标悬停在一行中的按钮上时,它必须完全淡出,然后才能淡入,因此闪烁的是代码 有没有一种淡出的方式,但如果它开始淡入而不必完全淡出,谢谢您的帮助,有点像JavaScript的新手,谢谢
1回复

淡入淡出

如何使div具有所有图像的淡入和淡出? 首先应隐藏具有图像的div,然后在单击某些按钮后淡入并逐渐淡出。 https://jsfiddle.net/f8juy5pb/3/
1回复

从右到左淡入淡出

我试图从左到右,从右到左淡入淡出,使像这样的事情: 这是我的代码,但这不起作用: 这就是我得到的: