Показать сообщение отдельно
  #17 (permalink)  
Старый 12.11.2020, 11:49
Аспирант
Отправить личное сообщение для venom1996 Посмотреть профиль Найти все сообщения от venom1996
 
Регистрация: 10.11.2020
Сообщений: 69

решил проблему таким путём
(function() {
    const wheel = document.querySelector('.wheel');
    const startButton = document.querySelector('.btn1');
    var deg = 0;
    const input = document.querySelector('#popup-callback-phone');
    const inputnames = document.querySelector('#consumers-feedback-names');

    startButton.addEventListener('click', () => {
        if (input.checkValidity() & inputnames.checkValidity()) {
            startButton.style.pointerEvents = 'none';
            deg = 185;
            if(deg >= 181 && deg <= 225) {
                deg + 229;
            }
            wheel.style.transition = 'all 10s ease-out';
            wheel.style.transform = `rotate(${deg}deg)`;
            wheel.classList.add('blur');


        }
    });



    wheel.addEventListener('transitionend', () => {
      //тут делаем куку, которая создаётся при остановке колеса
        document.cookie = "played=true;max-age=3600*24*30";
        wheel.classList.remove('blur');
        startButton.style.pointerEvents = 'auto';
        wheel.style.transition = 'none';
        var actualDeg = deg % 360;
        wheel.style.transform = `rotate(${actualDeg}deg)`;

        var gifts;

        if (actualDeg >= 0 && actualDeg <= 45 ) {

            gifts = '1';

        } else if (actualDeg >= 45 && actualDeg <= 90 ) {

            gifts = '2';

        } else if (actualDeg >= 90  &&  actualDeg <= 135) {

            gifts = '3';

        } else if (actualDeg >= 135  && actualDeg <= 180) {

            gifts = '4';

        } else if (actualDeg >= 181 && actualDeg <= 225) {

            gifts = '5';

        } else if (actualDeg >= 225 && actualDeg <= 270) {

            gifts = '6';

        } else if (actualDeg >= 270  && actualDeg <= 315) {


            gifts = '7';

        } else if (actualDeg >= 315 && actualDeg < 360) {

            gifts = '8';

        } else { alert('net podarka');}
        
      $.fancybox.open($("#popup-success8"));
    document.getElementById("gifts").innerHTML = gifts;
        
    });
})();

  $.fancybox.open({
    src: "#popup-callbac",
    hash: "popup-callbac",
    afterClose: function afterClose() {
        $("#popup-calc-result .popup__in .main-calc-list").remove();
    }
});
//если кука существует, то скрываем попуп
if (getCookie("played")) {
    $.fancybox.close();
}
Ответить с цитированием