Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ 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
Príspevok NapísalOffline : 04.12.2015 12:58

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
Príspevok NapísalOffline : 04.12.2015 15:22

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


Odpovedať na tému [ Príspevkov: 2 ] 


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

8349

29.08.2008 13:41

mimkork Zobrazenie posledných príspevkov

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

v PHP, ASP

2

521

05.01.2009 1:54

mylan Zobrazenie posledných príspevkov

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

v JavaScript, VBScript, Ajax

5

498

23.09.2010 15:37

Ďuri Zobrazenie posledných príspevkov

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

v Počítačové hry

20

1515

01.01.2007 21:30

Jimmymen Zobrazenie posledných príspevkov

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

5827

26.03.2009 20:30

IntelSK Zobrazenie posledných príspevkov

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

v Operačné systémy Unix a Linux

8

1717

13.01.2012 19:07

phodinux Zobrazenie posledných príspevkov

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

v Počítačové hry

7

523

16.02.2024 8:50

shiro Zobrazenie posledných príspevkov

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

8186

26.02.2014 10:52

mirom Zobrazenie posledných príspevkov

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

v Počítačové hry

5

677

12.11.2007 17:38

DAVE1979 Zobrazenie posledných príspevkov

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

v Počítačové hry

16

1291

14.02.2008 17:55

Poki Zobrazenie posledných príspevkov

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

366

14.06.2014 12:34

Daron Zobrazenie posledných príspevkov

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

v Počítačové hry

2

390

03.11.2014 6:18

brmbo Zobrazenie posledných príspevkov

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

[ Choď na stránku:Choď na stránku: 1 ... 9, 10, 11 ]

v Počítačové hry

313

9193

02.01.2015 10:46

SKiLEX Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Counter-strike: Global Offensive

v Kúpim

0

462

23.06.2015 15:33

sailer Zobrazenie posledných príspevkov

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

58669

24.06.2021 18:22

Toshibak Zobrazenie posledných príspevkov

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

704

07.05.2012 15:22

jtbs Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra