Spinner de carga configurable con Pure JS-loadingOverlay. js
| Autor: | katmore |
|---|---|
| Views Total: | 2,251 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 11, 2018 |
| Licencia: | GPL v3 |
Vista prévia
Descripción
loadingOverlay. js es una biblioteca de JavaScript independiente para crear un < a href = "https://wikicss.com/tag/loading-spinner/" > cargando Spinner (Overlay) con soporte de controladores de giro.
Funcionamiento
Importe el script loadingOverlay. js a su página web.
<script src="src/loadingOverlay.js"></script>
Mostrar un Spinner de carga básica que se muestra durante 3 segundos.
var spinHandle = loadingOverlay().activate();
setTimeout(function() {
loadingOverlay().cancel(spinHandle);
}, 3000); El JavaScript para invocar Activate () función 2 veces sucesivamente, rastreando cada spinHandle respectivamente. La 1ª invocadas spinHandle se cancela después de 3 segundos, la 2ª Invokation spinHandle se cancela después de 5 segundos. Por lo tanto, la superposición debe permanecer encendida durante 5 segundos en total.
var spinHandle1 = loadingOverlay().activate();
var spinHandle2 = loadingOverlay().activate();
setTimeout(function() {
loadingOverlay().cancel(spinHandle1);
}, 3000);
setTimeout(function() {
loadingOverlay().cancel(spinHandle2);
}, 5000); Registro de cambios
10/11/2018
- Scope Fix
