Diskusia: Pros=im o pomoc jqery/javascript counter

chylik.lukas

Člen

chylik.lukas:3.12.2015 15:23

Zdravím, potreboval by som pomôcť. Mám na stránke umiestnené hodiny. Kód:

<div id="hodiny">
    <form name="zobraz" id="zobraz">
        <input id="hodiny" type="text"  name="hodiny">
    </form>
</div>


<script>
        function tiktak()
        {
           var cas=new Date()
           var hodina=cas.getHours()
           var minuta=cas.getMinutes()
           var sekunda=cas.getSeconds()

           if (minuta<10)
               minuta="0"+minuta

           if (sekunda<10)
               sekunda="0"+sekunda

           document.zobraz.hodiny.value=hodina+":"+minuta
           setTimeout("tiktak()",1000)
       }
        tiktak()
</script>

<!--kód ktorý mám na slidovanie textu:-->

 <script>
            $(function ()
            {

                $('.sklz').click(function ()
                {

                    $('#').slideUp(1000);
                    $(this).hide();
                    $('vyklz').show();

                    return false;
                });

                $('.vzklz').click(function ()
                {

                    $('#').SlideDown(1000);
                    $(this).hide();
                    $('sklz').show();

                    return false;
                });

                $('.klz').click(function ()
                {

                    $('#').slideToggle();
                    return false;
                });



               /*---------------------------------------------------------------*/
                $('dd').hide();

                $('dt').click(function () {

                    var rodic = $(this).parent(); //dl
                    vyrok = $(this).next();

                    rodic.find('dd').slideUp();

                    vyrok.slideToggle();
                    return false;
                });

            })
        </script>

Potreboval by som buď, aby sa farba toho šedého divu(dajme tomu že ho naštýlujem na černo) striedala každú sekundu čierna-biela, proste potrebujem nejakým štýlom naanimovať sekundy. Druhá varianta je že každú sekundu sa urobí v tom šedom dive slidedown čiernou farbou a hneď preblikne nazad na sedú farbu, Slide by trval napríklad 0,5sekundy aby to nejak vyzeralo(v krátkosti: prose sa ten kruh každú sekundu animáciou ako keby načíta.)

Vie mi niekto prosím pomôcť/poradiť? ďakujem

Editované

Odpovedať

3.12.2015 15:23

chylik.lukas

Člen

chylik.lukas:3.12.2015 15:46

prikladám css

input#hodiny {
background: url('../images/seda.png');
background: rgba(245, 245, 245, 0.45);
width: 100px;
height: 100px;
font-family:'MV Boli';
color: white;
font-size: 200%;
text-align: center;
border: 2px solid black;
float: right;
border-radius: 100px;
box-shadow: 2px 2px 7px #000000;
text-shadow: 2px 2px 1px #000000;
}

div#hodiny{
padding-top: 30px;
padding-right:45px;
}

Hore Odpovedať

3.12.2015 15:46

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 2 správy z 2.

Najčastejšie vyhľadávané

Diskusia: Pros=im o pomoc jqery/javascript counter