ユーザーがページを開くたびに、低速のインターネット接続でサイトを開くのに時間がかかるときに、メッセージを一番上に表示したいと考えています。
Twitter のように、ページを開くのに時間がかかると、上部にメッセージが表示されます。私はある種の同様の機能を持ちたいと思っています。
私が試したこと:-
<script type="text/javascript">
var imageAddr = "imageCheck.jpg" + "?n=" + Math.random();
var startTime, endTime;
var downloadSize = "170000"; // my image size is approx 170KB
var download = new Image();
download.onload = function() {
endTime = (new Date()).getTime();
if(endTime > 2) { // 2 seconds
//displaying message
document.getElementById("late").innerHTML = "Its taking time to open Page, <a href='http://www.exammple.com' target='_blank'>Check our Quick here</a>";
//displaying message box
document.getElementById("late").style.display = "block";
}
startTime = (new Date()).getTime();
download.src = ImageAddr;
}
</script>
ここでこの手法を使用しようとしています.JavaScriptを使用して速度を計算します
ページが完全にロードされると警告ボックスがポップアップしますが、時間が2秒を超えるたびに途中で表示し、ページの完全なロードを待たないようにしたいです。
これは可能ですか?
ありがとう