【问题标题】:How can I limit the load speed of an HTML page?如何限制 HTML 页面的加载速度?
【发布时间】:2020-01-31 05:36:39
【问题描述】:

一个稍微不寻常的问题。我需要限制 html 页面的下载速度,并且我需要实现这一点的代码适合

部分。这可能吗?

试过PHP的sleep功能,好像没有效果。

【问题讨论】:

  • 你试过lazy-load吗?
  • 请更详细地解释您要达到的目标。例如,您可以在需要的时间内使用 javascript 隐藏页面。提供更多详细信息。
  • 你的意思是从浏览器的初始请求还是从响应中收到的第一个字节?有区别。
  • 我不确定。我想要的最终结果是页面为用户加载缓慢,好像他们的连接速度很差。
  • 请告诉我们您为什么要实现这一目标。如果是模拟慢速网络是不可能的(没有扩展),但其他原因可能是可行的。

标签: javascript html


【解决方案1】:

您可以按照W3Schools 中的说明使用setTimeout()

首先,您将主体的display 属性更改为none

<body style="display:none">

然后您将创建一个获取body 元素并将display 属性更改为block 的函数。

function myFunction() {
var body = document.getElementsByTagName("body")[0];
body.style.display = "block";
}

之后使用setTimeout()。在下面的示例中,我将超时设置为 3 秒。该函数将在 3 秒后执行。

setTimeout(myFunction, 3000);

function myFunction() {
var body = document.getElementsByTagName("body")[0];
body.style.display = "block";
}
setTimeout(myFunction, 3000);
<html>
<head>
</head>
<body style="display:none">
<h1>Time out</h1>
</body>
</html>

【讨论】:

    猜你喜欢
    • 2010-12-22
    • 2012-03-21
    • 1970-01-01
    • 2018-06-12
    • 1970-01-01
    • 2018-02-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多