HTML+CSS+JS slajdy się nie chcą wyświetlać

pytanie zadane 17 marca 2018 w HTML i CSS przez dominiksmagacz Nowicjusz (220 p.)

Cześć piszę z problemem takim że jak stworzyłem żeby się slajdy zmieniały to wszystko było ok ale jak dodałem funkcje żeby jak się kliknie na jakiś numer slajdu to żeby się resetowało odliczanie 5 sekund tak żeby nie było że zmienię ręcznie slajd i zaraz sam się zmieni bo zegar odliczył 5 sekund tylko żeby od nowa liczył te 5 sekund. Poniżej wrzucam kod w HTML i JS. Za pomoc dziękuje.

<!DOCTYPE html>
<html>
<head>
   <meta name="description" content="Tutaj możesz znaleźć najlepszą ofertę" />
    <meta name="keywords" content="oferta, produkty" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>strona...</title>
    <link href="Scripts/StyleSheet.css" rel="stylesheet" />
    <script type="text/javascript" src="JS/JavaScript1.js"></script>
    <script src="JS/JavaScript1.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>


</head>
<body onload='zmienslajd();odliczanie();'>
    <h1>
        strona...
    </h1>
    <br />
    <h2>
        O nas
    </h2>
    <br />
    <br />
    <div id="zegar">
    </div>
    <br />
    <br />
    <br />
    <input type="text" id="pole" />
    <input type="submit" value="Sprawdź" onclick="sprawdz()" />

    <div id="wynik"></div>
    <br />
    <br />
    <input type="text" id="pole1" />
    <input type="text" id="pole2" />
    <input type="submit" value="Pokaż" onclick="wypisz()" />

    <div id="wynikWypisz"></div>


    <br />
    <br />
    <span onclick="ustawslajd(1)" style="cursor:pointer;">[1]</span>
    <span onclick="ustawslajd(2)" style="cursor:pointer;">[2]</span>
    <span onclick="ustawslajd(3)" style="cursor:pointer;">[3]</span>
    <span onclick="ustawslajd(4)" style="cursor:pointer;">[4]</span>
    <span onclick="ustawslajd(5)" style="cursor:pointer;">[5]</span>
    <div id="slider"></div>


</body>
</html>


    function odliczanie() {



        var dzisiaj = new Date();
        var dzien = dzisiaj.getDate();
        if (dzien < 10) dzien = "0" + dzien
        var miesiac = dzisiaj.getMonth() + 1;
        if (miesiac < 10) miesiac = "0" + miesiac
        var rok = dzisiaj.getFullYear();
        var godzina = dzisiaj.getHours();
        if (godzina < 10) godzina = "0" + godzina
        var minuty = dzisiaj.getMinutes();
        if (minuty < 10) minuty = "0" + minuty
        var sekundy = dzisiaj.getSeconds();
        if (sekundy < 10) sekundy = "0" + sekundy

        document.getElementById("zegar").innerHTML =
            dzien + "/" + miesiac + "/" + rok + " | " + godzina + ":" + minuty + ":" + sekundy;
        setTimeout("odliczanie()", 1000);

}

var timer1 = 0;
var timer2 = 0;

var numer = Math.floor(Math.random() * 5) + 1;

function schowaj() {
    $("#slider").fadeOut(500);

}

function ustawslajd(nrslajdu) {
    clearTimeout(timer1);
    clearTimeout(timer2);
    numer = nrslajdu - 1;
    schowaj();
    setTimeout("zmienslajd()", 500);
}
    function zmienslajd() {
        numer++; if (numer > 5) numer = 1;
        var plik = "<img src=\"slajdy/slajd" + numer + ".jpg\"/>";
        document.getElementById("slider").innerHTML = plik;
        $("#slider").fadeIn(500);
        timer1= setTimeout("zmienslajd()", 5000);
        timer2= setTimeout("schowaj()", 4500);
    }

   

function sprawdz() {
    var liczba = document.getElementById("pole").value;

    if (liczba > 0) document.getElementById("wynik").innerHTML = "dodatnia";
    else if (liczba < 0) document.getElementById("wynik").innerHTML = "ujemna";
    else if (liczba == "") document.getElementById("wynik").innerHTML = "nic nie wpisałeś"
    else if (liczba == 0) document.getElementById("wynik").innerHTML = "zero";
    else document.getElementById("wynik").innerHTML = "to nie jest liczba, wpisałeś coś nie tak"

}

function wypisz() {
    var liczba1 = document.getElementById("pole1").value;
    var liczba2 = document.getElementById("pole2").value;
    var napis = "";

    for (i = liczba1; i <= liczba2; i++)
    {
        napis = napis + i + " ";
    }
    document.getElementById("wynikWypisz").innerHTML =napis;





}