javascript - 如何在 Twitter 嵌入式时间线刷新之前设置超时？

Question

如何在 Twitter 嵌入式时间轴上设置刷新前的超时？

我需要更改超时时间以更新我网站上的 Twitter 时间线。目前，twitter API 每秒都会执行一个 ajax 请求来更新时间线。但在 JS 引擎较慢的浏览器(即 IE)上，会导致浏览器变慢或有时会导致浏览器停止工作。

为了解决这个问题，我想在 Twitter 时间线刷新之前设置超时

我没有在 API 上找到任何关于如何执行此操作的引用。

我正在使用以下 JS 代码导入时间线:

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p='https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p "://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

为了显示时间线，我正在使用如下所示的 HTML 代码:

<div class="box-twitter">
<p class="title-box"><span class="icon"></span>WHAT'S HAPPENING ON TWITTER </p>
<a class="twitter-timeline"  href="https://twitter.com/search?q=from:dev include:retweets"  data-widget-id="394816085830025216"><img src="preloader.gif" style="margin-left: 132px; margin-top: 20px;"/></a>

有人知道我该如何解决这个问题吗？

谢谢。

Answer 1

我相信设置 Tweet limit可能是一种选择。

推文限制: To fix the size of a timeline to a preset number of Tweets, use the data-tweet-limit="5"属性 with any value between 1 and 20 Tweets. The timeline will render the specified number of Tweets from the timeline, expanding the height of the widget to display all Tweets without scrolling. 由于小部件具有固定大小，因此在使用此选项时不会轮询更新。

https://dev.twitter.com/docs/embedded-timelines

例如

<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE" data-chrome="nofooter" data-tweet-limit="3">Tweets by @twitterapi</a>

然后，如果需要，您可以手动更新小部件，方法是删除它们重新插入 html，然后调用。

twttr.widgets.load()