Diskuze: Pros=im o pomoc jqery/javascript counter

Aktivity

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

Editováno 3.12.2015 15:24

Odpovědět

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;
}

Nahoru Odpovědět

3.12.2015 15:46

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.