javascript - 如何限制 HTML 页面的加载速度?

标签 javascript html

一个有点不寻常的问题。我需要限制 html 页面的下载速度,并且需要实现此目的的代码以适合 < head > 部分。这可能吗?

尝试了PHP的sleep功能,但似乎没有效果。

最佳答案

您可以使用 setTimeout(),如 W3Schools 中所述。 .

首先,您需要将正文的 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>

关于javascript - 如何限制 HTML 页面的加载速度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58193057/

相关文章:

html - 如何更改属性

html - 导航栏右侧低于品牌

php session 变量在下一页丢失

javascript - 单击另一个按钮时,一个按钮将被禁用

html - 如何使用 Shiny 和 Rmarkdown 制作交互式 isoslides 演示文稿?

javascript - 将对象数组传递给 JavaScript

javascript - 检查传单 map 上的位置是否是标记

javascript - skel.js 框架/HTML5UP 模板 CSS 问题

javascript - 如何使 <a href> 仅在移动设备上处于事件状态?

javascript - 是否可以使用 Javascript 从另一个网页更改一个网页?