html中增加loading

在 HTML 中增加 loading 可以使用 CSS 和 JavaScript 实现。以下是一个简单的示例：

1. 使用 CSS 实现 loading 效果

首先，在 HTML 文件中添加以下代码：

<div class="loading"></div>

然后，在 CSS 文件中添加以下代码：

.loading {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

这将创建一个圆形的 loading 效果。

2. 使用 JavaScript 实现 loading 效果

首先，在 HTML 文件中添加以下代码：

<div id="loading"></div>

然后，在 JavaScript 文件中添加以下代码：

window.onload = function() {
  document.getElementById("loading").style.display = "none";
}

这将在页面加载完成后隐藏 loading 效果。