JS显示Loading的代码
时间: 2024-05-01 22:18:00 浏览: 10
以下是一个JS显示Loading的代码示例:
HTML代码:
```
<div id="loading">Loading...</div>
```
CSS代码:
```
#loading {
display: none; /* 默认隐藏 */
position: fixed; /* 固定定位 */
z-index: 9999; /* 堆叠顺序最高 */
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); /* 蒙层颜色 */
color: #fff; /* 字体颜色 */
text-align: center;
line-height: 100%;
font-size: 2rem;
}
```
JS代码:
```
var loading = document.getElementById('loading'); // 获取Loading元素
function showLoading() {
loading.style.display = 'block'; // 显示Loading
}
function hideLoading() {
loading.style.display = 'none'; // 隐藏Loading
}
```
使用方法:
```
// 显示Loading
showLoading();
// 隐藏Loading
hideLoading();
```
请注意,此代码示例只是其中的一种实现方式,实际开发中可能会有不同的实现方式和调用方式。