https://www.institutoupdate.org.br/wp-content/themes/instituto-update/js/functions.js

1/*
2import {
3	
4} from "./vars.js";
5*/
6
7export function fadeOut(element, duration) {
8    var interval = 20; // Intervalo de tiempo entre cada cambio de opacidad
9    var steps = duration / interval; // Número de pasos para alcanzar la opacidad completa
10    var currentStep = 0;
11    var targetOpacity = 0;
12  
13    var fadeEffect = setInterval(function() {
14        currentStep++;
15        element.style.opacity = 1 - (currentStep / steps) * (1 - targetOpacity);
16    
17        if (currentStep >= steps) {
18            clearInterval(fadeEffect);
19        }
20    }, interval);
21}
22
23export function fadeIn(element, duration) {
24    var interval = 20; // Intervalo de tiempo entre cada cambio de opacidad
25    var steps = duration / interval; // Número de pasos para alcanzar la opacidad completa
26    var currentStep = 0;
27    var targetOpacity = 1;
28  
29    var fadeEffect = setInterval(function() {
30        currentStep++;
31        element.style.opacity = (currentStep / steps) * targetOpacity;
32    
33        if (currentStep >= steps) {
34            clearInterval(fadeEffect);
35        }
36    }, interval);
37}