对于这个问题，我可以提供以下完整攻略：

JavaScript 通用 Loading 动画效果实例代码

什么是 Loading 动画

Loading 动画指的是在某些长时间操作（例如网络请求或计算）期间，为了让用户知道应用程序正在运行中，而在屏幕上呈现的动画效果。通常采用旋转、脉冲或进度条等形式。

如何实现 Loading 动画

HTML & CSS

Loading 动画的实现需要 HTML 与 CSS 配合。

首先，通过 HTML 元素（如 div）来表示 Loading 动画的区域，并设置其样式属性（如 width、height、background-color 等）。

然后，采用 CSS 动画（animation）或过渡（transition）等属性，使该区域产生动画效果。

下面是一段 HTML 和 CSS 示例代码 (示例1) ：

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

.loading {
  width: 100px;
  height: 100px;
  background-color: #009688;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 100px;
  border-radius: 50%;
  animation: rotate 1s infinite linear;
}

@keyframes rotate {
  from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

JavaScript

当长时间操作开始时，通过 JavaScript 动态添加 Loading 动画元素。

下面是一段 JavaScript 示例代码 (示例2) ：

const loading = document.createElement('div');
loading.className = 'loading';
loading.innerText = 'Loading...';
document.body.appendChild(loading);

当长时间操作完成时，移除 Loading 动画元素。

const loading = document.querySelector('.loading');
loading.parentElement.removeChild(loading);

结语

以上就是实现 JavaScript 通用 Loading 动画的完整攻略。根据实际需求可自行修改 HTML、CSS 和 JavaScript 代码，适配不同场景的 Loading 动画效果。

希望可以对您有所帮助！