在某段时间后重新加载某些div

问题描述：

我目前正在为客户端测试一个Twitter墙，并且在页面以javascript开始时加载墙。有没有可能重新加载div或javascript，而无需重新加载浏览器？在某段时间后重新加载某些div

这是我的div

<div id="social-stream"></div>

与JS加载它

$(document).ready(function($){ 
$('#social-stream').dcSocialStream({ 
    feeds: { 
     twitter: { 
      id: '#%23hashtag', 
      thumb: true, 
      images:'medium', 
     }, 

    }, 
    rotate: { 
     delay: 0 
    }, 
    twitterId: 'something', 
    control: false, 
    filter: false, 
    wall: true, 
    cache: false, 
    max: 'limit', 
    limit: 16, 
    }); 
});

答

是的，你可以通过使用setInterval一样，

$(document).ready(function ($) { 
    function socialStream() { 
     $('#social-stream').html('').dcSocialStream({ 
      feeds: { 
       twitter: { 
        id: '#%23swiss', 
        thumb: true, 
        images: 'medium', 
       }, 

      }, 
      rotate: { 
       delay: 0 
      }, 
      twitterId: 'swiss', 
      control: false, 
      filter: false, 
      wall: true, 
      cache: false, 
      max: 'limit', 
      limit: 16, 
     }); 

    } 
    socialStream();// first time load 
    setInterval(function() { 
     socialStream(); // reload div after every 5 seconds 
    }, 5000); // 5 seconds interval 
});

，你也可以使用clearInterval停止重新加载/刷新您的Twitter数据

感谢罗汉，不重装，虽然什么，如果你愿意，你可以在这里检查测试现场：http://goo.gl/NjT1BK（它仍然非常早期的阶段：P） – Paranoia 2014-12-04 08:58:29

@Paranoia你可以创建一个html页面并通过ajax和setInterval一起使用'cache：false'来调用它。请参阅[关于dcSocialStreamPlugin的评论]（http://codecanyon.net/item/jquery-social-stream/2103997/comments?page=39） – 2014-12-04 09:08:07

感谢您的帮助。我将

放在一个单独的html文件（stream.html）中，并每隔20秒加载一次ajax。插件本身不会加载，我想我可能会忘记一些东西（代码现场在测试网站上） – Paranoia 2014-12-04 09:46:43

答

var container = $('#social-stream'); 
$(document).ready(function($){ 
    loadTweets(); 
    setInterval(loadTweets,200); 
}); 

function loadTweets(){ 
container.empty(); 
container.dcSocialStream({ 
    feeds: { 
     twitter: { 
      id: '#%23swiss', 
      thumb: true, 
      images:'medium', 
     }, 

    }, 
    rotate: { 
     delay: 0 
    }, 
    twitterId: 'swiss', 
    control: false, 
    filter: false, 
    wall: true, 
    cache: false, 
    max: 'limit', 
    limit: 16, 
    }); 
}

在某段时间后重新加载某些div

相关推荐