JSFiddle - React, Tailwind, and code Playground

by Adam Poczatek

HTML

<p id="licznik">Za <span></span> sek. przejdziesz do www.google.pl</p>
<input id="dalej" type="button" value="Przejdz dalej" />

JavaScript

$(function() {
    var $przycisk = $("#dalej"),
        $licznik = $("#licznik"),
        $sekundy = $licznik.find("span"),
        licznik,
        czas = 0,
        ustawienia = {
            sekundy: 7,
            pokazWiadomosc: true,
            trescWiadomosci: "Przekierowywanie...",
            url: "http://www.google.pl"         
        };
    
    $licznik
        .hide();
    
    $przycisk
        .one("click", function() {
            $sekundy
                .text(ustawienia.sekundy);
            
            $licznik
                .show();
            
            licznik = setInterval(function() {
                czas++;
                
                $sekundy
                    .text(ustawienia.sekundy - czas);
                
                if (ustawienia.sekundy - czas === 0) {
                    $licznik
                        .text("Ladowanie strony...");                 
                }
                
                if (czas === ustawienia.sekundy) {
                    if (ustawienia.pokazWiadomosc) {
                        alert(ustawienia.trescWiadomosci);
                    }
                    window.clearInterval(licznik);
                    window.location = "http://google.pl";                    
                }
            }, 1000);
        });
});