[ Príspevkov: 2 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 04.12.15
Prihlásený: 05.12.15
Príspevky: 1
Témy: 1 | 1
NapísalOffline : 04.12.2015 12:58 | Pomoc Javascript/jQery counter

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

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>

<style type="text/css">
input#hodiny {
background: url('../images/se­da.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;
}
</style>

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
Odkaz na obrázok: http://imgur.com/0EVvKB3


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9
NapísalOffline : 04.12.2015 15:22 | Pomoc Javascript/jQery counter

neviem si predstavit co presne robit, nedal si ziadny link kde by sme to videli, no ale ak chces kazdu sekendu striedat farbu tak to urobis nejak takto:
vo funkcii tiktak() urobis
$(mojelement).toggleClass('cierna biela') a teda kazdu sekndu ti zmeni obe triedy - bud ich prida alebo vymaze ak existuju. samozrejme musis tomu elementu priradit jednu z tych tried priamo do html. a potom v css robis co chces (zmena farby, animacie, transitions...)

ps: verim, ze tento kod sluzi iba ako ukazka, a nie je finalny lebo je to hroza :D


 [ Príspevkov: 2 ] 


Pomoc Javascript/jQery counter



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Counter-strike

[ Choď na stránku:Choď na stránku: 1, 2, 3, 4, 5 ]

v Hry a herné konzoly

123

8903

29.08.2008 13:41

mimkork

V tomto fóre nie sú ďalšie neprečítané témy.

click counter

v Frontend

5

569

23.09.2010 15:37

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

RSS counter

v Backend

2

614

05.01.2009 1:54

mylan

V tomto fóre nie sú ďalšie neprečítané témy.

counter strike source

v Hry a herné konzoly

5

788

12.11.2007 17:38

DAVE1979

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Counter-Strike [PROBLEM]

v Hry a herné konzoly

1

463

14.06.2014 12:34

Daron

V tomto fóre nie sú ďalšie neprečítané témy.

Counter strike source

v Hry a herné konzoly

16

1396

14.02.2008 17:55

Poki

V tomto fóre nie sú ďalšie neprečítané témy.

Counter strike-problemy

v Hry a herné konzoly

20

1648

01.01.2007 21:30

Jimmymen

V tomto fóre nie sú ďalšie neprečítané témy.

Counter Strike - 2

v Hry a herné konzoly

7

791

16.02.2024 8:50

shiro

V tomto fóre nie sú ďalšie neprečítané témy.

Counter - Strike server

[ Choď na stránku:Choď na stránku: 1, 2 ]

v Hry a herné konzoly

34

6042

26.03.2009 20:30

IntelSK

V tomto fóre nie sú ďalšie neprečítané témy.

Ubuntu + Counter-Strike

v Unix-like systémy

8

1843

13.01.2012 19:07

phodinux

V tomto fóre nie sú ďalšie neprečítané témy.

counter strike source

[ Choď na stránku:Choď na stránku: 1, 2, 3 ]

v Hry a herné konzoly

74

8671

26.02.2014 10:52

mirom

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Counter Strike 1.6

v Hry a herné konzoly

2

491

03.11.2014 6:18

brmbo

V tomto fóre nie sú ďalšie neprečítané témy.

Non Steam Counter Strike

v Oznámenia a návrhy

14

1481

11.11.2010 13:44

Pistuk_14

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Counter Strike: Global Offensive

v Hry a herné konzoly

2

553

09.05.2019 23:01

michalesku

V tomto fóre nie sú ďalšie neprečítané témy.

Counter-strike restartuvava pc

v Hry a herné konzoly

12

1096

19.12.2006 22:03

Luks

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Counter-Strike Source Problem

v Hry a herné konzoly

23

1069

10.06.2012 19:20

ac.milan



© 2005 - 2026 PCforum, edited by JanoF