\u05d2\u05dc\u05d2\u05dc \u05d4\u05de\u05d6\u05dc<\/title>\r\n<style>\r\n .wheel-container {\r\n text-align: center;\r\n margin: auto;\r\n padding: 0px;\r\n width: 300PX; \/* Adjust as needed to fit the wheel image *\/\r\n \r\n }\r\n #spinButton {\r\n margin-top: 20px;\r\n padding: 10px 20px;\r\n font-size: 20px;\r\n cursor: pointer;\r\n background-color: #4CAF50;\r\n border: none;\r\n color: white;\r\n border-radius: 5px;\r\n }\r\n #resultText {\r\n margin-top: 10px;\r\n color: red;\r\n font-size: 18px;\r\n font-weight: bold;\r\n }\r\n #wheel {\r\n max-width: 100%; \/* Ensures the image is responsive *\/\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wheel-container\">\r\n <img decoding=\"async\" id=\"wheel\" src=\"http:\/\/sitecatalog.speedigital.co.il\/wp-content\/uploads\/2024\/11\/wheelofluckspeed-2.webp\" alt=\"Wheel of Luck\">\r\n <button id=\"spinButton\">\u05e1\u05d5\u05d1\u05d1 \u05d5\u05d6\u05db\u05d4!<\/button>\r\n <div id=\"resultText\"><\/div>\r\n<\/div>\r\n<script>\r\n const wheel = document.getElementById('wheel');\r\n const spinButton = document.getElementById('spinButton');\r\n const resultText = document.getElementById('resultText');\r\n\r\n let currentRotation = 0;\r\n let intervalId;\r\n\r\n function startInitialRotation() {\r\n intervalId = setInterval(() => {\r\n currentRotation += 0.1; \/\/ Very slow rotation\r\n wheel.style.transform = `rotate(${currentRotation % 360}deg)`;\r\n }, 16);\r\n }\r\n\r\n function spinWheel() {\r\n clearInterval(intervalId); \/\/ Stop the slow rotation\r\n let duration = 3000; \/\/ 3 seconds\r\n let start = Date.now();\r\n let initialSpeed = currentRotation + 1080; \/\/ 3 full fast spins\r\n let slowDownStart = 2000; \/\/ Start slowing down after 2 seconds\r\n\r\n let spinAnimation = setInterval(() => {\r\n let currentTime = Date.now();\r\n let elapsed = currentTime - start;\r\n let progress = elapsed \/ duration;\r\n let slowProgress = Math.max(0, (elapsed - slowDownStart) \/ 1000); \/\/ Progress after 2 seconds\r\n\r\n \/\/ Manage speed: initial fast, then slow down\r\n if (elapsed < slowDownStart) {\r\n currentRotation += 3; \/\/ 3x faster than initial slow rotation\r\n } else if (elapsed < slowDownStart + 750) {\r\n currentRotation += 1.5; \/\/ Slows down to 1.5x after 2 seconds\r\n } else {\r\n currentRotation += 0.5; \/\/ Gradually stop\r\n }\r\n\r\n wheel.style.transform = `rotate(${currentRotation % 360}deg)`;\r\n\r\n if (progress >= 1) {\r\n clearInterval(spinAnimation);\r\n resultText.textContent = \"\u05de\u05d6\u05dc \u05d8\u05d5\u05d1! \u05d6\u05db\u05d9\u05ea \u05d1\u05d4\u05e0\u05d7\u05d4 \u05e9\u05dc 50% \u05e7\u05d5\u05d3 \u05d4\u05e7\u05d5\u05e4\u05d5\u05df \u05e9\u05dc\u05da: 8HT55\";\r\n alert('\ud83c\udf89 \u05d6\u05db\u05d9\u05ea \u05d1-50% \u05d4\u05e0\u05d7\u05d4 \u05dc\u05d0\u05ea\u05e8! \ud83c\udf89');\r\n }\r\n }, 16);\r\n }\r\n\r\n window.onload = startInitialRotation;\r\n spinButton.addEventListener('click', spinWheel);\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1509dc elementor-widget elementor-widget-html\" data-id=\"f1509dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<button onclick=\"goBack()\" style=\"padding: 10px 20px; font-size: 16px; cursor: pointer; background-color: red; color: white; border: none; border-radius: 5px;\">\r\n \u05d7\u05d6\u05e8\u05d4 \u05dc\u05d0\u05d9\u05e4\u05d4 \u05e9\u05d4\u05d9\u05d9\u05ea \u05dc\u05e4\u05e0\u05d9\r\n<\/button>\r\n\r\n<script>\r\nfunction goBack() {\r\n window.history.back();\r\n}\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u05e0\u05d5\u05d1\u05de\u05d1\u05e8 \u05e1\u05d9\u05d9\u05dc \u05db\u05d1\u05e8 \u05db\u05d0\u05df! \u05e1\u05d5\u05d1\u05d1\u05d5 \u05d0\u05ea \u05d2\u05dc\u05d2\u05dc \u05d4\u05de\u05d6\u05dc\u05d5\u05d2\u05dc\u05d5 \u05d1\u05d0\u05d9\u05d6\u05d4 \u05d4\u05d8\u05d1\u05d4 \u05e9\u05d5\u05d5\u05d4 \u05ea\u05d6\u05db\u05d5 \u05d4\u05e4\u05e2\u05dd! \u05d2\u05dc\u05d2\u05dc \u05d4\u05de\u05d6\u05dc \u05e1\u05d5\u05d1\u05d1 \u05d5\u05d6\u05db\u05d4! \u05d7\u05d6\u05e8\u05d4 \u05dc\u05d0\u05d9\u05e4\u05d4 \u05e9\u05d4\u05d9\u05d9\u05ea \u05dc\u05e4\u05e0\u05d9<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2668","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sitecatalog.speedigital.co.il\/wp-json\/wp\/v2\/pages\/2668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitecatalog.speedigital.co.il\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitecatalog.speedigital.co.il\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitecatalog.speedigital.co.il\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitecatalog.speedigital.co.il\/wp-json\/wp\/v2\/comments?post=2668"}],"version-history":[{"count":0,"href":"https:\/\/sitecatalog.speedigital.co.il\/wp-json\/wp\/v2\/pages\/2668\/revisions"}],"wp:attachment":[{"href":"https:\/\/sitecatalog.speedigital.co.il\/wp-json\/wp\/v2\/media?parent=2668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}