完美解決移動端手機熄屏 黑屏計時器停止計算問題

2021-10-05 23:35:32 字數 454 閱讀 7966

因為瀏覽器安全機制問題,手機黑屏後,後台執行瀏覽器停止執行計時器,

這裡使用的是h5的乙個pagevisibility api(visibilitychange),熄屏時,開始計算黑屏時間,重啟時,再次計算;

另乙個思路是也可使用iframe引入另乙個頁面**使用全域性變數進行計算時間,文字暫不深入;

廢話不多說,直接上**:

var timer=null;

function getcode(t)else

},1000);

var cede_times = 0;

var b=0;

document.addeventlistener("visibilitychange",function()

else else

}});

}

可能完美解決移動端滾動穿透

1.overflow hidden 但是存在的缺陷是你的網頁會回滾到頂部 2 js阻止滾動事件 但是彈窗內的元素會無法滾動 3 fixed 加上js記錄滾動的位置 這個方案應該是所有文章提到的最優方案,但是其實吧我並不喜歡這種方案,改變body或者其他父級元素的position可能會影響到子集元素的...

移動端判斷手機橫豎屏狀態

在做移動端開發的時候,在html頁面head中加入如下 設定螢幕寬度為裝置寬度,禁止使用者手動調整縮放,頁面初始縮放程度為1 1.寫在同乙個css檔案中 media screen and orientation portrait media screen and orientation landsc...

移動端判斷手機橫豎屏狀態

在做移動端開發的時候,在html頁面head中加入如下 name viewport content width device width,user scalable no,initial scale 1 設定螢幕寬度為裝置寬度,禁止使用者手動調整縮放,頁面初始縮放程度為1 1.寫在同乙個css檔案中...