[ 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 Počítačové hry

123

8385

29.08.2008 13:41

mimkork

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

RSS counter

v PHP, ASP

2

524

05.01.2009 1:54

mylan

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

click counter

v JavaScript, VBScript, Ajax

5

503

23.09.2010 15:37

Ďuri

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 Počítačové hry

74

8228

26.02.2014 10:52

mirom

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

counter strike source

v Počítačové hry

5

685

12.11.2007 17:38

DAVE1979

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

Counter strike source

v Počítačové hry

16

1296

14.02.2008 17:55

Poki

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

Counter Strike - 2

v Počítačové hry

7

542

16.02.2024 8:50

shiro

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

Counter strike-problemy

v Počítačové hry

20

1523

01.01.2007 21:30

Jimmymen

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 Počítačové hry

34

5844

26.03.2009 20:30

IntelSK

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

Ubuntu + Counter-Strike

v Operačné systémy Unix a Linux

8

1723

13.01.2012 19:07

phodinux

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

Counter-Strike [PROBLEM]

v Počítačové hry

1

372

14.06.2014 12:34

Daron

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

Counter-strike: Global Offensive

v Kúpim

0

470

23.06.2015 15:33

sailer

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

Counter-Strike: Global Offensive

[ Choď na stránku:Choď na stránku: 1 ... 38, 39, 40 ]

v Počítačové hry

1178

58854

24.06.2021 18:22

Toshibak

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

Counter-Strike Source - kúpa

v Počítačové hry

14

711

07.05.2012 15:22

jtbs

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

Counter Strike 1.6

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

v Počítačové hry

49

1685

06.03.2016 21:52

ejv

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

Counter-strike restartuvava pc

v Počítačové hry

12

1007

19.12.2006 22:03

Luks



© 2005 - 2024 PCforum, edited by JanoF