js求瀏覽器頁面某個位置的停留時間

2021-09-22 13:03:26 字數 746 閱讀 1043

圖:

思路:js滾動監聽:

document.

onscroll

=function()

某個位置h,停留時間t1.判斷滾動條停止滾動,此時位置為高度h1。開始計時t12.停留時,滾動條的高度是不變的。所以只要滾動條位置不變,那就是在停留中。

3.讀取當前位置h2,判斷h2h1是否相同,否的話,滾動條位置變化,也就是離開當前位置h1了。記錄h2位置時間點t2

4.綜上,在h1位置的停留時間t=t2-t1

完善方案

1.剛開啟頁面若是沒有滾動,onscroll事件則監測不了位置變化。此時,在頁面開啟的位置停留的時間沒有被記錄到,所以要考慮到這個情況。

2.關閉頁面或者重新整理頁面時,同樣是沒有滾動動作的,onscroll事件則監測不了位置變化。此時,關閉頁面前最後乙個位置的停留時間沒有被記錄到,這個情況也要考慮到這個情況。

js獲取某個元素距離瀏覽器的邊距

1.偏移參照 offsetparent 在理解偏移大小之前,首先要理解offsetparent。人們並沒有把offsetparent翻譯為偏移父級,而是翻譯成定位父級,很大原因是offsetparent與定位有關 定位父級offsetparent的定義是 與當前元素最近的經過定位 position不...

js判斷當前瀏覽器頁面是否切換

公司做mifi裝置,ui介面很多資訊需要1s鐘不斷非同步請求更新資訊,如果同時開啟多個瀏覽器或者多個當前介面,裝置1s鍾會收到很多個請求,由於裝置本身記憶體限制,會導致響應速度過慢,且會造成裝置重啟等。所以需要我們只對停在當前介面的頁面請求進行處理,其他切換掉的介面不再下發請求。頁籤切換或觸發瀏覽器...

js監聽頁面是否在瀏覽器當前頁面

在最近的乙個socket專案中,需要監聽客戶端是否已讀客服端傳送的訊息。這裡用到了html5中document新增了乙個事件 visibilitychange,這個事件在頁面前台或後台切換時被觸發,它也有個對應的屬性visibilitystate,用於檢測當前頁面的狀態值為hidden還是visib...