離子滑動時間計數

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) )。