如何使用 requestAnimationFrame 实现降价效果?

[spip232]

123.59 255.76

列表页面中有多个类似以上形式的的，假设每秒降价 0.1 元，那么 span 内的数字就不断的变小，目前遇到的问题是每次只能实现第一条价格会动起来，后面的都不动,另外一个困扰是，我使用了 settimeout 来不断获取当前时间和 data-starttime 判断降价时间是否开始了，导致 requestAnimationFrame 的动画平率越来越快

求大神指点

[spip232]

<span class="price" data-price="123.59" data-starttime="1509809876">123.59</span>
<span class="price" data-price="255.76" data-starttime="1509810123">255.76</span>

形式如上