javascript - 提示用户使用他们的慢速顶部，如 Twitter

Question

我想在用户打开我的页面时在顶部显示消息，当需要时间以慢速互联网连接打开我的网站时。

就像 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 秒时将其显示在中间，而不是等待页面加载完成。

这可能吗 ？

谢谢