添加自动重新加载功能

时间:2012-12-17 21:02:30

标签: jquery ajax refresh reload

我正在尝试用“FeedEk jQuery”创建一个小工具 但问题是我无法在该代码中添加自动更新Feed!例如,我想每5分钟更换一次并重新加载Feed。

来源: http://www.jquery-plugins.net/FeedEK/FeedEK.html

默认功能:

<script type="text/javascript" >
$(document).ready(function(){     
   $('#divRss').FeedEk({
   FeedUrl : 'http://www.my site.ir/rss.xml',
   MaxCount : 5,
   ShowDesc : false,
   ShowPubDate: true
  });  
});
</script>

HTML:

<div id="divRss"></div>

我的问题是,如何在此jquery代码上每5分钟添加一次自动更新或刷新计时器?

接下来的问题是,我如何为描述添加字数限制,例如说明中只有200字。

1 个答案:

答案 0 :(得分:2)

解释我在评论中的意思,采取上述内容并将其包装在一个函数中(我们称之为loadFeed()

<script type="text/javascript" >
$(document).ready(function(){     
  function loadFeed(){ // wrapper function
    $('#divRss').FeedEk({
     FeedUrl : 'http://www.my site.ir/rss.xml',
     MaxCount : 5,
     ShowDesc : false,
     ShowPubDate: true
    }); 
  } // /wrapper
});
</script>

接下来,在它直接调用该函数之后,它就在页面加载时执行:

loadFeed();

然后,在其下方进行定期通话(使用setInterval),以便更新:

setInterval(loadFeed, 300 * 1e3); // every 5 minutes [300 seconds]

所以,完全是:

<script type="text/javascript" >
$(document).ready(function(){     
  function loadFeed(){ // wrapper function
    $('#divRss').FeedEk({
     FeedUrl : 'http://www.my site.ir/rss.xml',
     MaxCount : 5,
     ShowDesc : false,
     ShowPubDate: true
    }); 
  } // /wrapper
  loadFeed();
  setInterval(loadFeed, 300 * 1e3);
});
</script>

关于您的第二个问题,您可能需要打开脚本并修改entry.content调用中的$.ajax部分,以便它只显示您想要的信息。如果它被缩小(所有一行),您可以使用jsBeautifier使其更容易阅读和使用。