wpt-waterfall-comparisson-animation.js

let i = document.querySelector('input.waterfall-transparency');
let up = true;
i.value = parseFloat(i.min);
i.dispatchEvent(new Event('change'));
function animate() {
    const curr = parseFloat(i.value);
    const max = parseFloat(i.max);
    const min = parseFloat(i.min);
    const step = parseFloat(i.step);
    i.value = up ? curr + step : curr - step;
    i.dispatchEvent(new Event('change'));
    if (parseFloat(i.value) === max || parseFloat(i.value) === min) {
        up = !up;
    }
}
let inter = setInterval(animate, 20);
//clearTimeout(inter);