我正在为一个筹款网站制作一个插件,它会自动更新筹集的金额,而无需刷新。我能够毫无问题地获得新金额,但不是在更新时淡入/淡出,我想让它像 Google Analytics 在实时统计页面上所做的那样计入新数字。
我尝试使用 for 循环来增加,但我认为问题在于增加了延迟。有任何想法吗?
我正在为一个筹款网站制作一个插件,它会自动更新筹集的金额,而无需刷新。我能够毫无问题地获得新金额,但不是在更新时淡入/淡出,我想让它像 Google Analytics 在实时统计页面上所做的那样计入新数字。
我尝试使用 for 循环来增加,但我认为问题在于增加了延迟。有任何想法吗?
您需要两件事:实时数据和显示方式。
对于数据,您可以定期轮询您的服务器,或使用诸如 websockets 之类的东西(或模拟该行为的众多方法之一)。您选择的内容取决于您的需求以及服务器端可用的内容。我个人会将 Node.JS 与 Socket.IO 一起使用。它非常兼容,可以为您提供近乎实时的更新。
现在为了显示它,您可以做一些简单的事情,例如在 DIV 中“动画”一个数字。Google Visualization API中也有方便的仪表和没有的东西。