离子滑动时间计数

Question

我正在使用离子和 angular 开发移动应用程序。 我也使用了离子载玻片。 用户可以阅读我在幻灯片中包含的内容。 现在我想估计用户一张一张地阅读幻灯片所需的时间。 此表显示了我想要的最终 output。

幻灯片编号	用户阅读幻灯片所花费的时间
1	10s
2	4s
3	5s
1	12s ( 10s + 2s )

当用户再次阅读之前阅读的幻灯片时，应该将时间添加到之前的阅读时间中。

有人可以帮助实现这一点或向我发送相关参考吗？

Answer 1

您采取了哪些步骤来尝试自己实施？ 如果您确实采取了一些步骤，您会得到什么结果/错误？

Answer 2

如果您假设用户滑动到下一张幻灯片时已阅读该幻灯片，那么您可以在第一张幻灯片显示在视图中时捕获以毫秒为单位的时间 (A1)，然后从时间中减去该时间 (B1)加载下一个 (B1-A1) [使用https://ionicframework.com/docs/api/slides上的一些事件来观察幻灯片的变化]，然后将其存储在您的 var (C1, C2等） - 例如：C1 作为 slide1readingTime，C2 作为 slide2readingTime 等，并在每次刷过同一张幻灯片时将该值增加 (Bn-An) (Cn += (Bn-An) )。