Changement de tab automatique toutes les X secondes dans Webflow

 <script>
 document.addEventListener("DOMContentLoaded", function() {
        // Fix pour Safari
        if (navigator.userAgent.includes("Safari")) {
            document.querySelectorAll(".tab-button").forEach((t) => {
                t.addEventListener("focus", function() {
                    const x = window.scrollX, y = window.scrollY;
                    setTimeout(() => window.scrollTo(x, y), 1);
                });
            });
        }

        let tabTimeout;

        function tabLoop() {
            tabTimeout = setTimeout(() => {
                const currentTabs = document.querySelectorAll('.tabs-menu .w--current');
                const nextTab = currentTabs.length > 0 ? currentTabs[0].nextElementSibling : null;
                
                if (nextTab) {
                    nextTab.click();
                } else {
                    document.querySelector('.tab-button:first-child').click();
                }
            }, 5000); // Rotation de 5 secondes
        }

        // Démarrez la boucle
        tabLoop();

        document.querySelectorAll('.tab-button').forEach((button) => {
            button.addEventListener('click', function() {
                clearTimeout(tabTimeout);
                tabLoop();
            });
        });
    });
</script>

 <script>
	var Webflow = Webflow || [];
	Webflow.push(function () {

		// Correction pour Safari
		function fixForSafari(selector) {
			if (navigator.userAgent.includes("Safari")) {
				document.querySelectorAll(selector).forEach((t) => (t.focus = function() {
					const x = window.scrollX, y = window.scrollY;
					const f = () => {
						setTimeout(() => window.scrollTo(x,y), 1);
						t.removeEventListener("focus", f);
					};
					t.addEventListener("focus", f);
					HTMLElement.prototype.focus.apply(this, arguments);
				}));
			}
		}

		function tabLoop(menuSelector, btnSelector, interval) {
			var tabTimeout;
			clearTimeout(tabTimeout);

			function loop() {
				tabTimeout = setTimeout(function() {
					var $next = $(menuSelector).children('.w--current:first').next();

					if($next.length) {
						$next.click();  // un clic de l'utilisateur réinitialise le timeout
					} else {
						$(btnSelector + ':first').click();
					}
				}, interval); 
			}

			$(btnSelector).click(function() {
				clearTimeout(tabTimeout);
				loop();
			});

			loop();
		}

		// Appliquer les fonctions
		fixForSafari(".tab-button");
		tabLoop('.tabs-menu', '.tab-button', 5000); // 5 Secondes de rotation

		// Pour le second composant
		fixForSafari(".tab-button-2");
		tabLoop('.tabs-menu-2', '.tab-button-2', 5000); // 5 Secondes de rotation

	});
</script>

 <script>
// Pour le second composant		fixForSafari(".tab-button-2");		tabLoop('.tabs-menu-2', '.tab-button-2', 5000); // 5 Secondes de rotation
</script>

 <script>
}, 5000); // Rotation de 5 secondes
</script>