Clear timout

Clearing timeout for Appearance items that are in a non-current slide.

Author: Martino

package.json

@@ -1,6 +1,6 @@
 {
     "name": "reveal.js-appearance",
-    "version": "1.0.6",
+    "version": "1.0.7",
     "description": "A plugin for Reveal.js 4 that adds appearance effects to elements",
     "keywords": "reveal, reveal.js, reveal-plugin, plugin, text effects",
     "homepage": "https://github.com/Martinomagnifico/reveal.js-appearance",

plugin/appearance/appearance.esm.js

@@ -4,7 +4,7 @@
  * https://github.com/Martinomagnifico
  *
  * Appearance.js for Reveal.js 
- * Version 1.0.6
+ * Version 1.0.7
  * 
  * @license 
  * MIT licensed
@@ -67,15 +67,25 @@ var Plugin = function Plugin() {
   }
 
   var appear = function appear(deck, options) {
+    var timeouts = [];
+
+    var clearTimeOuts = function clearTimeOuts(timeouts) {
+      for (var i = 0; i < timeouts.length; i++) {
+        clearTimeout(timeouts[i]);
+      }
+
+      timeouts = [];
+    };
+
     var loopAppearances = function loopAppearances(appearances, appearancesInFragment) {
       var delay = 0;
       appearances.filter(function (element, i) {
         if (!(appearancesInFragment.indexOf(element) > -1)) {
           var delayincrement = parseInt(element.dataset.delay ? element.dataset.delay : i > 0 ? options.delay : 0);
           delay += delayincrement;
-          setTimeout(function () {
+          timeouts.push(setTimeout(function () {
             element.classList.add(options.visibleclass);
-          }, delay);
+          }, delay));
         }
       });
     };
@@ -100,6 +110,7 @@ var Plugin = function Plugin() {
     };
 
     var showHideSlide = function showHideSlide(event) {
+      clearTimeOuts(timeouts);
       showAppearances(event.currentSlide);
 
       if (event.previousSlide && options.hideagain) {

plugin/appearance/appearance.js

@@ -4,7 +4,7 @@
  * https://github.com/Martinomagnifico
  *
  * Appearance.js for Reveal.js 
- * Version 1.0.6
+ * Version 1.0.7
  * 
  * @license 
  * MIT licensed
@@ -73,15 +73,25 @@
 	  }
 
 	  var appear = function appear(deck, options) {
+	    var timeouts = [];
+
+	    var clearTimeOuts = function clearTimeOuts(timeouts) {
+	      for (var i = 0; i < timeouts.length; i++) {
+	        clearTimeout(timeouts[i]);
+	      }
+
+	      timeouts = [];
+	    };
+
 	    var loopAppearances = function loopAppearances(appearances, appearancesInFragment) {
 	      var delay = 0;
 	      appearances.filter(function (element, i) {
 	        if (!(appearancesInFragment.indexOf(element) > -1)) {
 	          var delayincrement = parseInt(element.dataset.delay ? element.dataset.delay : i > 0 ? options.delay : 0);
 	          delay += delayincrement;
-	          setTimeout(function () {
+	          timeouts.push(setTimeout(function () {
 	            element.classList.add(options.visibleclass);
-	          }, delay);
+	          }, delay));
 	        }
 	      });
 	    };
@@ -106,6 +116,7 @@
 	    };
 
 	    var showHideSlide = function showHideSlide(event) {
+	      clearTimeOuts(timeouts);
 	      showAppearances(event.currentSlide);
 
 	      if (event.previousSlide && options.hideagain) {

plugin/appearance/plugin-src.js

@@ -6,15 +6,26 @@ const Plugin = () => {
 
 	const appear = function (deck, options) {
 
+		let timeouts = [];
+
+		const clearTimeOuts = function (timeouts) {
+			for (let i=0; i<timeouts.length; i++) {
+				clearTimeout(timeouts[i]);
+			}
+			timeouts = [];
+		};
+
 		const loopAppearances = function (appearances, appearancesInFragment) {
 			let delay = 0;
 			appearances.filter(function (element, i) {
 				if (!(appearancesInFragment.indexOf(element) > -1)) {
 					let delayincrement = parseInt(element.dataset.delay ? element.dataset.delay : i > 0 ? options.delay : 0);
 					delay += delayincrement;
-					setTimeout(function () {
-						element.classList.add(options.visibleclass);
-					}, delay);
+					timeouts.push(
+						setTimeout(function () {
+							element.classList.add(options.visibleclass);
+						}, delay)
+					);
 				}
 			});
 		};
@@ -34,11 +45,13 @@ const Plugin = () => {
 		const hideAppearances = function (container) {
 			let disappearances = selectionArray(container, ":scope .".concat(options.baseclass, ", :scope .fragment.visible"));
 			disappearances.filter(function (element) {
-			element.classList.remove(element.classList.contains("fragment") ? "visible" : options.visibleclass);
+				element.classList.remove(element.classList.contains("fragment") ? "visible" : options.visibleclass);
 			});
 		};
 
 		const showHideSlide = function (event) {
+
+			clearTimeOuts(timeouts);
 			showAppearances(event.currentSlide);
 
 			if (event.previousSlide && options.hideagain) {