JS实现页面加载等待转圈效果页面加载完毕之前loading提示效果...

你可以使用JavaScript和CSS来实现一个页面加载等待转圈效果，具体方法如下：

1. 在HTML中添加一个元素作为等待动画的容器，例如：

<div id="loader"></div>

2. 在CSS中，为该元素添加样式，如下：

#loader {
  border: 8px solid #f3f3f3; /* 转圈的边框 */
  border-top: 8px solid #3498db; /* 转圈的顶部边框 */
  border-radius: 50%; /* 将边框变为圆形 */
  width: 60px; /* 宽度 */
  height: 60px; /* 高度 */
  position: fixed; /* 固定定位 */
  top: 50%; /* 距离顶部50% */
  left: 50%; /* 距离左侧50% */
  transform: translate(-50%, -50%); /* 居中显示 */
  z-index: 999; /* 置于最上层 */
  display: none; /* 默认隐藏 */
}

#loader.show {
  display: block; /* 显示 */
}

3. 在JavaScript中，为页面加载事件添加一个监听器，并在页面加载之前显示加载动画，如下：

window.addEventListener('load', function() {
  var loader = document.getElementById('loader');
  loader.classList.remove('show'); // 隐藏加载动画
});

document.addEventListener('DOMContentLoaded', function() {
  var loader = document.getElementById('loader');
  loader.classList.add('show'); // 显示加载动画
});

这样就完成了一个简单的页面加载等待转圈效果。