我想在用户打开我的页面时在顶部显示消息,当需要时间以慢速互联网连接打开我的网站时。
就像 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 秒时将其显示在中间,而不是等待页面加载完成。
这可能吗 ?
谢谢