JSFiddle - React, Tailwind, and code Playground

by kirito0709

JavaScript

/*
c = каталог
pc = псевдо-каталог обертка для новго каталога
cc = слонированный каталог
nc = новый каталог
ni = элементы нового каталога
*/
function moveShit(el, from, to, direction, step, delay){
    var position = parseInt(el.style.left, 10);
    position = isNaN(position) ? from : position;
    //console.log('el.style.left = '+el.style.left);
    if(direction === "left"){
        if (position <= to) {
            position = "stop";
        } else {
            position -= step;
        }
        if(position != "stop"){el.style.left = position + "px";}
    }else if(direction === "right"){
        if (position <= to) {
            position = "stop";
        } else {
            position -= step;
        }
        if(position != "stop"){el.style.right = position + "px";}
    }else if(direction === "top"){
        if (position <= to) {
            position = "stop";
        } else {
            position -= step;
        }
        if(position != "stop"){el.style.top = position + "px";}
    }else if(direction === "bottom"){
        if (position <= to) {
            position = "stop";
        } else {
            position -= step;
        }
        if(position != "stop"){el.style.bottom = position + "px";}
    }
    setTimeout(function () {
        moveShit(el, from, to, direction, step, delay);
    }, delay)
}

function waveShitArm(elDeg, fromDeg, toDeg, stepDeg, delayDeg){
if(waveCount <= 4){
    var k_el = c.parent().find("#leftArm");
    var tr = getComputedStyle(k_el[0]).transform;
    var values = tr.split(/\(|,|\)/);
    var angle = Math.atan2(+values[2], +values[1]);     // угол в радианах
    degPosition = ((angle * (180/Math.PI)+360)%360).toFixed(0);    // приводим угол к диапазону 0-360
    degPosition = parseInt(degPosition, 10); //приводим к десятичному числу
    //console.log('default degPosition ='+degPosition);

    degPosition = isNaN(degPosition) ? fromDeg : degPosition;// если текущее значение угла поворота это не число, то присваиваем ему...