How to run javascript function when a tab is selected

<ul class="tabs" data-persist="true">
<li id="liTabHvezdy"><a href="#tabHvezdy" onclick="nactiStavSvetel(1)">Hvezdne nebe</a></li>
<li id="liTabSvVoda"><a href="#tabSvVoda" onclick="nactiStavSvetel(2)">Svetlo pod vodou</a></li>
</ul>

<script type="text/javascript">
    var refresher1 = setInterval(nactiStavSvetel,5000);
    setInterval(function() {clearInterval(refresher1);}, 14400000);
    nactiStavSvetel(3);

    function nactiStavSvetel(ktere=0) {
        if (!ktere) {
            if (document.getElementById("liTabHvezdy").className  == "selected")
                ktere=1;
            else if (document.getElementById("liTabSvVoda").className  == "selected")
                ktere=2;
        };

        if (ktere & 1) {
                        //Any commands
        };
        if (ktere & 2) {
                        //Any commands
        };
    };
</script>